@charset "utf-8";

/************************************************
	index
************************************************/


/************************************************
	세탁서비스
************************************************/
.laun-tx01{ display:table; width:100%; height:280px; background:url(../images/laun/clothes_img01.jpg) 50% 0 no-repeat;}
.laun-tx01>.inner{ display:table-cell; text-align:center; vertical-align:middle;}
.laun-tx01>.inner strong{ font-size:30px; display:block; font-weight:normal; margin:0 0 10px 0;}
.laun-tx01>.inner *{ color:#fff;}
.laun-tx01>.inner div span{ display:inline-block;}
.laun-box{ background-color:#fff; text-align:center; padding:40px 0; border:#ddd 1px solid; border-top:none; border-radius:0 0 3px 3px;}
.laun-box .btn{ width:240px; margin:0 5px;}

.laun-bx01{ display:table; width:100%; margin:60px 0 0 0;}
.laun-bx01.brdT{ border-top:#ddd 1px solid; padding-top:60px;}
.laun-bx01>dt{ display:table-cell;  width:270px; vertical-align:top; font-size:26px; color:#333; }
.laun-bx01>dt>span{ display:block;}
.laun-bx01>dt>.s-tx{ font-size:0.65em;}
.laun-bx01>dd>ul.ul-list01 li{ font-size:16px; margin-bottom:20px;}  /*.laun-bx01>dd>ul.ul-list01 li+li{ font-size:16px; margin-top:20px;}*/
.laun-bx01>dd>ul.ul-list01.n3 li{ width:30%; display:inline-block;}


.laun-bx01_C{ display:table; width:900px; margin:0 auto; padding-top:60px; }
.laun-bx01_C.brdT{ border-top:#ddd 1px solid; padding-top:60px;}
.laun-bx01_C>dt{ display:table-cell;  width:160px; vertical-align:top; font-size:26px; color:#333; }
.laun-bx01_C>dt>span{ display:block;}
.laun-bx01_C>dt>.s-tx{ font-size:0.65em;}
.laun-bx01_C>dd>ul.ul-list01 li{ font-size:16px; margin-bottom:20px;}  /*.laun-bx01>dd>ul.ul-list01 li+li{ font-size:16px; margin-top:20px;}*/
.laun-bx01_C>dd>ul.ul-list01.n3 li{ width:30%; display:inline-block;}


.clothes-bx01{ text-align:center;}
.clothes-bx01 img{ margin:0 auto;}
.clothes-img{ margin:0 0 0 -20px;}
.clothes-img:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
.clothes-img>li{ float:left; width:405px; margin:0 0 50px 20px;}
.clothes-img>li:nth-child(2n+1){ clear:both;}
.clothes-img>li .thum img{ width:100%; display:block;}
.clothes-img>li .tbx{ text-align:left; color:#333; font-size:20px; margin:20px 0 0 0;}
.clothes-img>li .tbx2{ text-align:left; margin:5px 0 0 0;}



.blanket-bx01{ display:table; width:100%; background:url(../images/laun/blanket_img02.jpg) 50% 0 no-repeat; height:370px; margin:60px 0 0 0;}
.blanket-bx01>.inner{ display:table-cell; vertical-align:middle; text-align:center; }
.blanket-bx01>.inner>strong{ display:block; font-size:50px; color:#2471c8;}
.blanket-bx01>.inner>strong>i{ font-size:30px; vertical-align:baseline;}
.blanket-bx01>.inner>div{ font-size:35px; color:#333;}
.blanket-bx01>.inner>div em{ font-size:24px; display:block; color:#666;}
@media (max-width:768px) {
	.blanket-bx01{ display:table; width:100%; background:url(../images/laun/blanket_img02.jpg) 50% 0 no-repeat; background-size:cover; height:185px; margin:30px 0 0 0;}
	.blanket-bx01>.inner{ display:table-cell; vertical-align:middle; text-align:center; }
	.blanket-bx01>.inner>strong{ display:block; font-size:25px; color:#2471c8;}
	.blanket-bx01>.inner>strong>i{ font-size:15px; vertical-align:baseline;}
	.blanket-bx01>.inner>div{ font-size:20px; color:#333;}
	.blanket-bx01>.inner>div em{ font-size:12px; display:block; color:#666;}
}

.sneakers-img{ width:100%; display:table;}
.sneakers-img:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
.sneakers-img .thum{ display:table-cell; width:404px;}
.sneakers-img .thum img{ width:100%;}
.sneakers-img .tbx{ display:table-cell; vertical-align:middle; padding:0 0 0 20px;}
.sneakers-img2{ display:table; border:#ddd 1px solid; border-radius:3px;}
.sneakers-img2:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
.sneakers-img2>.item{ display:table-cell; width:50%;}
.sneakers-img2>.item:nth-child(2n+1){ border-right:#ddd 1px solid;}
.sneakers-img2>.item .thum img{ display:block;}
.sneakers-img2>.item .tbx{ text-align:center; padding:25px;}
.sneakers-img2>.item .tbx strong{ display:block; font-size:20px; color:#2471c8; font-weight:normal; margin:0 0 5px 0;}
.sneakers-bx h4{ color:#2471c8; font-size:20px; font-weight:normal; margin:0;}
.sneakers-bx .sneakers-tx1{ margin:10px 0;}
.sneakers-bx .ul-list01.n3 li{ width:30%; display:inline-block;}
.sneakers-bx .sneakers-img{ border:#ddd 1px solid; border-radius:3px; margin:10px 0 0 0; text-align:center;}
@media (max-width:768px) {
	.cy-bx.sneakers{ margin:0; text-align:center;}
	.cy-bx.sneakers li{ margin:0 10%;}
	.cy-bx.sneakers li.m3{ margin:0 10%;}
	.cy-bx.sneakers li>div{ margin:0;}
	.cy-bx.sneakers li.m1>div>strong:before{ background-image:url(../images/laun/sneakers_icon0101.png);}
	.cy-bx.sneakers li.m2>div>strong:before{ background-image:url(../images/laun/sneakers_icon0102.png);}
	.cy-bx.sneakers li.m3>div>strong:before{ background-image:url(../images/laun/sneakers_icon0103.png);}
	.cy-bx.sneakers li.m4>div>strong:before{ background-image:url(../images/laun/sneakers_icon0104.png);}
	.sneakers-img{ width:100%; display:block;}
	.sneakers-img:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.sneakers-img .thum{ display:block; width:100%;}
	.sneakers-img .tbx{ display:block; vertical-align:middle; padding:10px 0 0 0;}
}
@media (max-width:640px) {
	.cy-bx.sneakers{ margin:0; text-align:center;}
	.cy-bx.sneakers li{  width:120px; text-align:center; float:none; display:inline-block; margin:15px 10px 0;}
	.cy-bx.sneakers li.m3{  width:120px; text-align:center; float:none; display:inline-block; margin:15px 10px 0;}
	.cy-bx.sneakers li>div{ display:table; width:100%; height:120px; background:url(../images/laun/laun_cy.png) 50% 50% no-repeat; background-size:120px 120px; padding:0; margin:0; }
	.cy-bx.sneakers li.m1>div>strong:before{ background-image:url(../images/laun/sneakers_icon0101.png);}
	.cy-bx.sneakers li.m2>div>strong:before{ background-image:url(../images/laun/sneakers_icon0102.png);}
	.cy-bx.sneakers li.m3>div>strong:before{ background-image:url(../images/laun/sneakers_icon0103.png);}
	.cy-bx.sneakers li.m4>div>strong:before{ background-image:url(../images/laun/sneakers_icon0104.png);}
	.sneakers-img2{ display:block; border:#ddd 1px solid; border-radius:3px;}
	.sneakers-img2:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.sneakers-img2>.item{ display:block; width:100%;}
	.sneakers-img2>.item:nth-child(2n+1){ border-right:none; border-bottom:#ddd 1px solid;}
	.sneakers-img2>.item .thum img{ display:block;}
	.sneakers-img2>.item .tbx{ text-align:center; padding:10px;}
	.sneakers-img2>.item .tbx strong{ display:block; font-size:14px; color:#2471c8; font-weight:normal; margin:0 0 5px 0;}
	.sneakers-bx h4{ color:#2471c8; font-size:14px; font-weight:normal; margin:0;}
	.sneakers-bx .sneakers-tx1{ margin:10px 0;}
	.sneakers-bx .ul-list01.n3 li{ width:100%; display:inline-block;}
	.sneakers-bx .sneakers-img{ border:#ddd 1px solid; border-radius:3px; margin:10px 0 0 0; text-align:center;}
}

.bag-img{ background-color:#e8e8e9; border-radius:3px; text-align:center;}
.bag-img img{ display:block; margin:0 auto;}
.bag-img2{ border:#ddd 1px solid; border-radius:3px; text-align:center;}
.bag-img2 img{ display:block; margin:0 auto;}
.bag-img2+.bag-img2{ margin-top:20px;}

.outdoor-lst{ text-align:center; padding:20px 0 0 0;}
.outdoor-lst li{ display:inline-block; margin:20px 3%;}
@media (min-width:769px) and (max-width:1100px) {
	.outdoor-lst{ text-align:center; padding:10px 0 0 0;}
	.outdoor-lst:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.outdoor-lst li{ display:inline-block; width:29.3%; margin:20px 2% 0; float:left;}
	.outdoor-lst li:nth-child(4),
	.outdoor-lst li:last-child{ float:none;}
}
@media (max-width:768px) {
	.outdoor-lst{ text-align:center; padding:10px 0 0 0;}
	.outdoor-lst:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.outdoor-lst li{ display:inline-block; width:46%; margin:20px 2% 0; float:left;}
	.outdoor-lst li:last-child{ float:none;}
}

.uniform-bx1{ margin:20px 0 0 0;}
.uniform-bx1 h4.h4-tit{ color:#333; margin:20px 0 10px;}

.day-bx01{ margin:60px 0 0 0; display:table; width:100%;}
.day-bx01>.inner{ display:table-cell; vertical-align:middle; text-align:center; height:350px; background:url(../images/laun/day_img02.jpg) 50% 50% no-repeat;}
.day-bx01>.inner .tx01{ color:#2471c8; font-size:50px; }
.day-bx01>.inner .tx01>i{ font-size:26px;}
.day-bx01>.inner .tx02{ color:#333; font-size:30px; margin:25px 0 10px; }
@media (max-width:640px) {
	.day-bx01{ margin:60px 0 0 0; display:table; width:100%;}
	.day-bx01>.inner{ display:table-cell; vertical-align:middle; text-align:center; height:175px; background:url(../images/laun/day_img02.jpg) 50% 50% no-repeat; background-size:cover;}
	.day-bx01>.inner .tx01{ color:#2471c8; font-size:25px; }
	.day-bx01>.inner .tx01>i{ font-size:13px;}
	.day-bx01>.inner .tx02{ color:#333; font-size:15px; margin:10px 0 5px; }
	.day-bx01>.inner div>span{ display:inline-block;}
}

.leather-img .visual-pc{ display:block;}
.leather-img .visual-mobile{ display:none;}
@media (max-width:768px) {
	.leather-img .visual-pc{ display:none;}
	.leather-img .visual-mobile{ display:block;}
}

/************************************************
	코인빨래방
************************************************/
.self-bx{ display:table; width:100%;}
.self-bx dt{ width:270px; display:table-cell; vertical-align:top; color:#333; font-size:26px;}
.self-bx dt>span{ display:block;}
.self-bx dd{ margin:0;}
.self-bx dd:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
.self-bx dd>.item{ float:left; width:45%; margin:0 0 0 5%; text-align:left;}
.self-bx dd .item .thum,
.self-bx dd .item .thum img{ display:block; margin:0;}
.self-bx dd .item strong{ display:block; margin:25px 0 5px; font-size:20px; color:#333; font-weight:normal;}
.self-bx dd .item em{ display:block; letter-spacing:-0.1em;}
.self-bx .self-bx-inner{ margin:0 0 0 -5%; overflow:hidden;}
.self-bx .self-bx-inner .item{  float:left; width:28.3%; margin:0 0 30px 5%;}
.self-bx .self-bx-inner .item .thum img{ display:block; margin:0 auto;}
.self-bx .self-bx-inner .item em{ display:block;  margin:24px 0 0 0; text-align:center; font-size:16px ; font-style:normal; line-height:26px; } /*letter-spacing:-0.1em;*/
.self-bx .self-bx-inner .item em i{ display:block;font-style:normal;}
.self-bx .self-bx-inner .item .view {text-decoration:underline;letter-spacing:0em; color:#ff0000}
.self-bx .self-bx-inner2{ margin:0 0 0 -2%; overflow:hidden;}
.self-bx .self-bx-inner2 .item{  float:left; width:48%; margin:0 0 0 2%;}

.self-slide .item{ width:263px; background-color:#f5f6fa; }
.self-slide .item a{ display:block;}
.self-slide .item span{ display:block;}
.self-slide .item .name{ text-align:center; padding:0 0 30px 0;}
.self-slide .item .name strong{ display:table; width:100%; height:140px;}
.self-slide .item .name strong i{ display:table-cell; vertical-align:middle; font-size:22px; color:#333; font-weight:normal;}
.self-slide .item .name em{font-family:'Roboto'; display:inline-block; font-size:16px; color:#333; text-decoration:underline; margin:30px 0 0 0;}
.self-slide.blanket .item .name strong{ height:110px;}
.self-slide.blanket .item .name em{ margin:0;}
.self-bx .visual-pc{ display:inline-block;}
.self-bx .visual-mobile{ display:none;}

.self-bx-back{  background:url(../images/coin/self_img05.jpg) 50% 50% no-repeat; text-align:center; padding:60px 0; font-size:25px; color:#333;}
.self-bx-back>p{ color:#333;}
@media (min-width:1099px) {
	.self-slide .item a:hover{ background-color:#8ed585; }
	.self-slide .item a:hover *,
	.self-slide .item a:hover .name strong i{ color:#fff;}
}

@media (min-width:641px) and (max-width:1100px) {
	.self-bx{ display:table; width:100%;}
	.self-bx dt{ width:240px; display:table-cell; vertical-align:top; color:#333; font-size:26px;}
	.self-bx dt>span{ display:block;}
	.self-bx dd:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.self-bx dd .item{ float:left;}
	.self-bx dd .item .thum,
	.self-bx dd .item .thum img{ display:block;}
	.self-bx dd .item strong{ display:block; margin:25px 0 5px; font-size:20px; color:#333; font-weight:normal;}
	.self-bx dd .item em{ display:block; letter-spacing:-0.1em;}
	.self-bx .self-bx-inner{ margin:0 0 0 -3%; overflow:hidden;}
	.self-bx .self-bx-inner .item{ width:30.3%; margin:0 0 30px 3%;}
}
@media (max-width:640px) {
	.self-bx{ display:block; width:100%;}
	.self-bx dt{ width:100%; display:block; vertical-align:top; color:#333; font-size:17px; text-align:center; padding:0 0 25px 0;}
	.self-bx dt>span{ display:inline-block;}
	.self-bx dd{ margin:0;}
	.self-bx dd:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.self-bx dd .item .thum,
	.self-bx dd .item .thum img{ display:block; width:100%;}
	.self-bx dd .item strong{ display:block; margin:10px 0 5px; font-size:14px; color:#333; font-weight:normal;}
	.self-bx dd .item em{ display:block; letter-spacing:-0.1em; margin-top:10px;}
	.self-bx .self-bx-inner{ text-align:center; margin:0 0 0 -3%; overflow:hidden;}
	.self-bx .self-bx-inner .item{ width:47%; margin:0 0 20px 3%;}
	.self-bx .self-bx-inner .item:nth-child(3){ float:none; margin:0 auto 20px;}
	.self-bx .visual-pc{ display:none;}
	.self-bx .visual-mobile{ display:block;}	
	.self-bx .self-bx-inner2{ margin:0; overflow:hidden;}
	.self-bx .self-bx-inner2 .item{  float:left; width:100%; margin:0;}
	.self-bx .self-bx-inner2 .item+.item{ margin-top:20px;}

	.self-slide .item{ width:210px; background-color:#f5f6fa; }
	.self-slide .item a{ display:block;}
	.self-slide .item span{ display:block;}
	.self-slide .item .name{ padding:0 0 15px 0; text-align:center;}
	.self-slide .item .name strong{ display:table; width:100%; height:66px;}
	.self-slide .item .name strong i{ display:table-cell; vertical-align:middle; font-size:13px; color:#333; font-weight:normal;}
	.self-slide .item .name em{font-family:'Roboto'; display:inline-block; font-size:11px; color:#333; text-decoration:underline; margin:10px 0 0 0;}
	.self-slide.blanket .item .name strong{ height:70px;}
	.self-slide.blanket .item .name em{ margin:0;}

	.self-bx-back{ height:auto; background:url(../images/coin/self_img05.jpg) 50% 50% no-repeat; text-align:center; padding:30px 0; font-size:17px; color:#333;}
	.self-bx-back>i{ display:inline-block;}
	.self-bx-back>p{ color:#333;}
}


/************************************************
	창업안내
************************************************/
.store-bx01{ margin:0 0 0 -2%; overflow:hidden;}
.store-bx01 li{ float:left; width:48%; margin:0 0 0 2%;}
.store-bx01 li .box{ background-color:#fff; display:table; width:100%; margin:0 0 20px 0;}
.store-bx01 li .box .inner{ display:table-cell; vertical-align:middle; text-align:center; height:200px;}
.store-bx01 li .box .inner strong{ font-size:34px; display:block; font-weight:normal; color:#2471c8;}
.store-bx01 li .box .inner strong em{ font-size:16px;}
.store-bx01 li .box .inner .tx02{ font-size:26px; display:block; color:#2471c8;}
.store-bx01 li .tbx{ color:#333; font-size:20px;}

.img-type{ margin-bottom:60px; position:relative;}
.img-type .thum{ position:relative; }
.img-type .thum img{ display:block; width:100%;}
.img-type .thum img.vis-mobile{ display:none;}
.img-type .tbx{ padding:30px 30px; background-color:#fff; color:#333; font-size:30px; border:#ddd 1px solid; border-top:none; border-radius:0 0 3px 3px;}
.img-type .tbx p,
.img-type .tbx span{ color:#2471c8; }
.img-type .tbx .sm-tx{ font-size:16px; color:#888; padding-top:20px; line-height:24px; :}
.img-type .tbx>.btn-box{ margin-top:20px;}
.img-type .tbx .cBlue { color:#2471c8;  font-style:normal;}
.img-type .cover{ position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.7); border-radius:3px;}
.img-type .cover>.inner{ display:table; width:100%; height:100%;}
.img-type .cover>.inner>div{ display:table-cell; vertical-align:middle; text-align:center;}
.img-type .cover>.inner>div span{ font-size:26px; color:#fff; display:block;}
.img-type .cover>.inner>div .btn-box{ margin-top:20px;}
@media (min-width:641px) and (max-width:768px) {
	.img-type{ margin-bottom:60px;}
	.img-type .thum img{ display:block; }
	.img-type .thum img.vis-pc{ display:block;}
	.img-type .thum img.vis-mobile{ display:none;}
	.img-type .tbx{ padding:20px 30px; background-color:#fff; color:#333; font-size:30px;}
	.img-type .tbx span{ display:block;}
}
@media (max-width:768px) {
	.store-bx01{ margin:0; overflow:hidden;}
	.store-bx01 li{ float:left; width:100%; margin:0;}
	.store-bx01 li+li{ margin-top:20px;}
	.store-bx01 li .box{ background-color:#fff; display:table; width:100%; margin:0 0 10px 0;}
	.store-bx01 li .box .inner{ display:table-cell; vertical-align:middle; text-align:center; height:auto; padding:40px 20px;} 
	.store-bx01 li .box .inner strong{ font-size:20px; display:block; font-weight:normal; color:#2471c8;}
	.store-bx01 li .box .inner strong em{ font-size:16px;}
	.store-bx01 li .box .inner .tx02{ font-size:20px; display:block; color:#2471c8;}
	.store-bx01 li .tbx{ color:#333; font-size:14px;}
}
@media (max-width:640px) {
	.img-type{ margin-bottom:30px;}
	.img-type .thum img{ display:block; }
	.img-type .thum img.vis-mobile{ display:block; }
	.img-type .thum img.vis-pc{ display:none;}
	.img-type .tbx{ padding:10px 15px; background-color:#fff; color:#333; font-size:15px;}
	.img-type .tbx span{ display:block;}
	.img-type .tbx .sm-tx{ font-size:12px; color:#888;}
	.img-type .cover>.inner>div span{ font-size:18px; color:#fff; display:block;}
}

.helper-tip{ position:relative; width:1100px; margin:0 auto;}
.helper-tip .item{ text-align:center; padding:0 0 50px 0;}
.helper-tip .item>i{ width:48px; height:40px; text-align:center; color:#fff; background:url(../images/vent/bg_n.png) 50% 50% no-repeat; display:block; margin:0 auto; padding:15px 8px 0 0;}
.helper-tip .item>.tbx{ color:#333; font-size:34px; text-align:center; font-weight:400; margin:15px 0; line-height:1.2;}
.helper-tip .item>.tbx *{ line-height:1.2;}
.helper-tip .controls{ position:absolute; top:145px; right:0; z-index:9;}
.helper-tip .controls #pager{ display:inline-block; vertical-align:middle; height:22px; padding:0 5px 0 0; }
.helper-tip .controls #pager li{ display:inline-block; margin:0 0 0 2px; padding:9px 0 0 0;}
.helper-tip .controls #pager li span{ display:block; height:3px; background-color:#d9d9d9; width:30px; text-indent:-9999px;}
.helper-tip .controls #pager li.active span{ background-color:#2471c8;}
.helper-tip .controls>button{ width:22px; height:22px; border:#ddd 1px solid; border-radius:11px; dispaly:inline-block; text-indent:-9999px; cursor:pointer; vertical-align:middle; background-repeat:no-repeat; background-position:50% 50%;}
.helper-tip .controls>button.play{ background-image:url(../images/vent/icon_play.png); display:none;}
.helper-tip .controls>button.stop{ background-image:url(../images/vent/icon_stop.png);}

.tag-bx{ margin:0 0 40px 0;}
.tag-bx ul{ margin:-5px -5px 0 -5px;}
.tag-bx ul li{ display:inline-block; }
.tag-bx ul li>a{ display:block; line-height:28px; border:#ddd 1px solid; border-radius:14px; background-color:#fff; font-size:14px; color:#959595; padding:0 15px; margin:5px; }
.tag-bx ul li.active>a{ color:#2471c8; border-color:#2471c8;}

.responsive_menu select{ display:block; width:100%; height:30px; border:#d4d4d4 1px solid; border-radius:17px; margin:0 0 5px 0;}

@media (min-width:769px) and (max-width:1100px) {
	.helper-tip{ position:relative; width:100%; margin:0;}
	.helper-tip .item{ text-align:center; padding:0 0 50px 0;}
	.helper-tip .item>i{ width:48px; height:40px; text-align:center; color:#fff; background:url(../images/vent/bg_n.png) 50% 50% no-repeat; display:block; margin:0 auto; padding:15px 8px 0 0;}
	.helper-tip .item>.tbx{ color:#333; font-size:34px; text-align:center; font-weight:400; margin:15px 0; line-height:1.2;}
	.helper-tip .item>.tbx *{ line-height:1.2;}
	.helper-tip .controls{ position:absolute; top:145px; right:0; z-index:9;}
	.helper-tip .controls #pager{ display:inline-block; vertical-align:middle; height:22px; padding:0 5px 0 0; }
	.helper-tip .controls #pager li{ display:inline-block; margin:0 0 0 2px; padding:9px 0 0 0;}
	.helper-tip .controls #pager li span{ display:block; height:3px; background-color:#d9d9d9; width:30px; text-indent:-9999px;}
	.helper-tip .controls #pager li.active span{ background-color:#2471c8;}
	.helper-tip .controls>button{ width:22px; height:22px; border:#ddd 1px solid; border-radius:11px; dispaly:inline-block; text-indent:-9999px; cursor:pointer; vertical-align:middle; background-repeat:no-repeat; background-position:50% 50%;}
	.helper-tip .controls>button.play{ background-image:url(../images/vent/icon_play.png);  display:none;}
	.helper-tip .controls>button.stop{ background-image:url(../images/vent/icon_stop.png);}
}
@media (max-width:768px) {
	.helper-tip{ position:relative; width:100%; margin:0;}
	.helper-tip .item{ text-align:center; padding:0 0 10px 0;}
	.helper-tip .item>i{ width:38px; height:32px; text-align:center; color:#fff; background:url(../images/vent/bg_n.png) 50% 50% no-repeat; background-size:38px 32px; display:block; margin:0 auto; padding:12px 5px 0 0;}
	.helper-tip .item>.tbx{ color:#333; font-size:13px; text-align:center; font-weight:400; margin:10px 0; line-height:1.2;}
	.helper-tip .item>.tbx *{ line-height:1.2;}
	.helper-tip .controls{ position:relative; top:auto; right:auto; z-index:9; width:100%; text-align:center; padding:0 0 15px 0;}
	.helper-tip .controls #pager{ display:inline-block; vertical-align:middle; height:22px; padding:0 5px 0 0; }
	.helper-tip .controls #pager li{ display:inline-block; margin:0 0 0 2px; padding:9px 0 0 0;}
	.helper-tip .controls #pager li span{ display:block; height:2px; background-color:#d9d9d9; width:22px; text-indent:-9999px;}
	.helper-tip .controls #pager li.active span{ background-color:#2471c8;}
	.helper-tip .controls>button{ width:22px; height:22px; border:#ddd 1px solid; border-radius:11px; dispaly:inline-block; text-indent:-9999px; cursor:pointer; vertical-align:middle; background-repeat:no-repeat; background-position:50% 50%;}
	.helper-tip .controls>button.play{ background-image:url(../images/vent/icon_play.png);  display:none;}
	.helper-tip .controls>button.stop{ background-image:url(../images/vent/icon_stop.png);}
}

.multi-bx{ border:#ddd 1px solid; border-radius:3px; text-align:center; padding:30px;}
.multi-bx li{ position:relative; display:inline-block; width:310px; text-align:center; vertical-align:top;}
.multi-bx li .thum img{ display:block; margin:0 auto;}
.multi-bx li .tbx{ padding:0 60px;}
.multi-bx li+li .tbx{ padding:0 20px;}
.multi-bx li+li:before{ content:""; position:absolute;  width:20px; height:20px; display:block; top:74px; left:-10px; background:url(../images/vent/icon_plus.png) 50% 50% no-repeat;}
.multi-bx li strong{ display:block; color:#333; font-size:20px; font-weight:normal; margin:20px 0 10px;}
.multi-bx2{ margin:0 0 0 -2%; overflow:hidden;}
.multi-bx2 li{ background-color:#fff; margin:0 0 20px 2%; width:48%; float:left;}
.multi-bx2 li>div{ padding:55px 0 60px; text-align:center; font-size:20px; color:#333;}
.multi-bx2 li>div:before{ content:""; width:56px; height:46px; margin:0 auto 20px; display:block; background-repeat:no-repeat; background-position:50% 50%; }
.multi-bx2 li.m1>div:before{ background-image:url(../images/vent/multi_icon0101.png);}
.multi-bx2 li.m2>div:before{ background-image:url(../images/vent/multi_icon0102.png);}
.multi-bx2 li.m3>div:before{ background-image:url(../images/vent/multi_icon0103.png);}
.multi-bx2 li.m4>div:before{ background-image:url(../images/vent/multi_icon0104.png);}
@media (max-width:768px) {
	.multi-bx2{ margin:0; overflow:hidden;}
	.multi-bx2 li{ background-color:#fff; margin:0 0 10px 0; width:100%; float:none;}
	.multi-bx2 li>div{ padding:25px 0 30px; text-align:center; font-size:14px; color:#333;}
	.multi-bx2 li>div:before{ content:""; width:34px; height:28px; margin:0 auto 10px; display:block; background-repeat:no-repeat; background-position:50% 50%; background-size:34px 28px; }
	.multi-bx2 li.m1>div:before{ background-image:url(../images/vent/multi_icon0101.png);}
	.multi-bx2 li.m2>div:before{ background-image:url(../images/vent/multi_icon0102.png);}
	.multi-bx2 li.m3>div:before{ background-image:url(../images/vent/multi_icon0103.png);}
	.multi-bx2 li.m4>div:before{ background-image:url(../images/vent/multi_icon0104.png);}
}
@media (max-width:640px) {
	.multi-bx{ border:#ddd 1px solid; border-radius:3px; text-align:center; padding:15px 0; overflow:hidden;}
	.multi-bx li{ position:relative; display:block; width:50%; text-align:center; vertical-align:top; float:left; padding:0 15px;}
	.multi-bx li .thum{ padding:0 10px;}
	.multi-bx li .thum img{ display:block; margin:0 auto;}
	.multi-bx li .tbx{ padding:0 10px;}
	.multi-bx li+li .tbx{ padding:0 10px;}
	.multi-bx li+li:before{ content:""; position:absolute; width:20px; height:20px; display:block; top:15%; left:-10px; background:url(../images/vent/icon_plus.png) 50% 50% no-repeat;}
	.multi-bx li strong{ display:block; color:#333; font-size:14px; font-weight:normal; margin:10px 0 5px;}
}

.system-bx{ margin:0 0 10px 0;}
.system-bx dt{ margin:0 0 20px 0;}
.system-bx dd{ font-size:1.6em; color:#333;}

.system-bx2{ margin:0 0 0 -2%; overflow:hidden;}
.system-bx2>li{ float:left; width:48%; margin:0 0 60px 2%;}
.system-bx2>li:nth-child(2n+1){ clear:both;}
.system-bx2>li>.thum img{ display:block; width:100%;}
.system-bx2>li>.tx01{ font-size:20px; color:#333; margin:20px 0 10px;}
.system-bx2>li .sm-tx{ color:#888; font-size:0.85em; margin-top:10px;}
.system-bx2 .ul-list01 {font-size:16px; padding-top:20px; font-style:none; line-height:22px;}
.ul-list01_440{font-size:16px; padding-top:20px; font-style:none; line-height:22px; background:url(/hugreen/images/caravan440_img006.jpg) 0 0 no-repeat; padding-left:350px; margin-top:60px ;height:204px}


@media (max-width:640px) {
	.system-bx2{ margin:0; overflow:hidden;}
	.system-bx2>li{ float:left; width:100%; margin:0 0 30px 0;}
	.system-bx2>li:nth-child(2n+1){ clear:both;}
	.system-bx2>li>.thum img{ display:block; width:100%;}
	.system-bx2>li>.tx01{ font-size:14px; color:#333; margin:10px 0 5px;}
	.system-bx2>li .sm-tx{ color:#888; font-size:0.85em; margin-top:5px;}
}

/************************************************
	이용안내
************************************************/
.group-tx01{ font-size:34px; text-align:center; color:#333; margin:0 0 60px 0; font-weight:300;}

.group-process{ position:relative; padding:0 2%;}
.group-process:before{ content:""; position:absolute; top:4px; left:0; width:100%; height:4px; display:block; background: #216fe2;  background: -moz-linear-gradient(top, #216fe2 0%, #1fcf8f 100%); background: -webkit-linear-gradient(top, #216fe2 0%,#1fcf8f 100%); background: #216fe2; background: -moz-linear-gradient(left, #216fe2 0%, #1fcf8f 100%); background: -webkit-linear-gradient(left, #216fe2 0%,#1fcf8f 100%); background: linear-gradient(to right, #216fe2 0%,#1fcf8f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216fe2', endColorstr='#1fcf8f',GradientType=1 );}
.group-process ul:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
.group-process ul li{ position:relative; width:25%; float:left; padding:40px 0; text-align:center; font-size:20px; color:#333;}
.group-process ul li:before{ content:""; position:absolute; top:0; left:50%; margin:0 0 0 -6px; display:block; width:12px; height:12px; border-radius:50%; background-color:#f6f7fa; border:#2175dc 4px solid; }
.group-process ul li:after{ content:""; position:absolute; top:50%; left:-7px; display:block; margin-top:-13px; width:14px; height:26px; background:url(../images/member/icon_arr.png) 0 50% no-repeat;}
.group-process ul li:first-child:after{ display:none;}
.group-process ul li:nth-child(2):before{ border-color:#2090c5;}
.group-process ul li:nth-child(3):before{ border-color:#20aeab;}
.group-process ul li:nth-child(4):before{ border-color:#1fc797;}
.group-process ul li strong{ font-family:'Roboto'; font-weight:normal;  color:#959595; font-size:16px; display:block;}
@media (max-width:768px) {
	.group-process{ position:relative; padding:0;}
	.group-process ul li{ position:relative; width:25%; float:left; padding:22px 0; text-align:center; font-size:12px; color:#333;}
	.group-process ul li:first-child{ background:none;}
	.group-process ul li:before{ content:""; position:absolute; top:0; left:50%; margin:0 0 0 -6px; display:block; width:12px; height:12px; border-radius:50%; background-color:#f6f7fa; border:#2175dc 4px solid; }
	.group-process ul li:after{ content:""; position:absolute; top:50%; left:-5px; display:block; margin-top:-10px; width:10px; height:19px; background:url(../images/member/icon_arr.png) 0 50% no-repeat; background-size:10px 19px;}
	.group-process ul li:first-child:after{ display:none;}
	.group-process ul li:nth-child(2):before{ border-color:#2090c5;}
	.group-process ul li:nth-child(3):before{ border-color:#20aeab;}
	.group-process ul li:nth-child(4):before{ border-color:#1fc797;}
	.group-process ul li strong{ font-family:'Roboto'; font-weight:normal;  color:#959595; font-size:10px; display:block;}
}

.discount-lst{ margin:0 0 0 -5%;}
.discount-lst:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
.discount-lst li{ float:left; width:30.3%; text-align:center; margin:0 0 0 3%;}
.discount-lst li .thum img{ margin:0 auto; display:block;}
.discount-lst li .tbx{ margin:20px 0 0 0;}
.discount-lst li .tbx strong{ display:block;font-size:20px; color:#333; font-weight:normal;}
.discount-lst2{ margin:0;}
.discount-lst2:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
.discount-lst2 li{ float:left; width:50%; text-align:left; margin:0; display:table;}
.discount-lst2 li .thum{ display:table-cell; width:180px;}
.discount-lst2 li .thum img{ margin:0; display:block;}
.discount-lst2 li .tbx{ display:table-cell; margin:0; padding:0 0 0 10px; vertical-align:middle;}
.discount-lst2 li .tbx strong{ display:block;font-size:20px; color:#333; font-weight:normal;}
.discount-lst+.cmt-bx{ margin-top:30px;}
.discount-img{ border:#ddd 1px solid; margin:40px 0; border-radius:3px; padding:40px 60px; display:table; width:100%;}
.discount-img .thum{ display:table-cell; vertical-align:top;}
.discount-img dl{ display:table-cell; vertical-align:top; padding:0 0 0 40px;} 
.discount-img dl dt{ color:#333; font-size:20px; margin:0 0 10px 0;}
.discount-img dl .btn-box{ overflow:hidden; margin:30px 0 0 -2%;}
.discount-img dl .btn{ width:48%; display:block; margin:0 0 0 2%; float:left; padding:0;}
@media (max-width:768px) {
	.discount-lst{ margin:0;}
	.discount-lst:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.discount-lst li{ float:none; width:100%; display:table; text-align:left; margin:0; padding:0 0 0 20px;}
	.discount-lst li+li{ margin-top:20px;}
	.discount-lst li .thum{ width:130px; display:table-cell;}
	.discount-lst li .thum img{ margin:0 auto; display:block;}
	.discount-lst li .tbx{ display:table-cell; vertical-align:middle; margin:0; padding:0 0 0 20px;}
	.discount-lst li .tbx strong{ display:block;font-size:14px; color:#333; font-weight:normal;}
	.discount-lst2{ margin:0;}
	.discount-lst2:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.discount-lst2 li{ float:none; width:100%; display:table; text-align:left; margin:0; padding:0 0 0 20px;}
	.discount-lst2 li+li{ margin-top:20px;}
	.discount-lst2 li .thum{ width:130px; display:table-cell;}
	.discount-lst2 li .thum img{ margin:0 auto; display:block;}
	.discount-lst2 li .tbx{ display:table-cell; vertical-align:middle; margin:0; padding:0 0 0 20px;}
	.discount-lst2 li .tbx strong{ display:block;font-size:14px; color:#333; font-weight:normal;}
	.discount-lst+.cmt-bx{ margin-top:20px;}
	.discount-img{ border:#ddd 1px solid; margin:20px 0; border-radius:3px; padding:20px 30px; display:block; width:100%;}
	.discount-img .thum{ display:block; text-align:center; width:92px; margin:0 auto; vertical-align:top;}
	.discount-img dl{ display:block; text-align:center; vertical-align:top; padding:15px 0 0 0;} 
	.discount-img dl dt{ color:#333; font-size:14px; margin:0 0 10px 0;}
	.discount-img dl .btn-box{ overflow:hidden; margin:20px 0 0 0; padding:0 40px;}
	.discount-img dl .btn{ width:100%; display:block; margin:0; float:none; padding:0;}
	.discount-img dl .btn+.btn{ margin-top:10px;}
}

.membership-bx{ margin:0 0 40px -3%;}
.membership-bx:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
.membership-bx>div{ background-color:#fff; margin:0 0 0 3%; width:47%; float:left; padding:30px 40px; height:345px;}
.membership-bx>div>div{ padding:30px 0 0 165px; margin:0 0 30px 0; position:relative; height:150px; border-bottom:#ddd 1px solid;}
.membership-bx>div>div>p{ font-size:20px;}
.membership-bx>div>div>p>strong{ font-size:28px; font-weight:normal;}
.membership-bx>div>div>i{ position:absolute; top:0; left:0; border-radius:50%; display:block; text-align:center; line-height:120px; color:#fff; font-size:32px;  width:120px; font-family:'Roboto'; }
.membership-bx>div>ul{ display:table; width:100%;}
.membership-bx>div>ul>li{ width:55%; display:table-cell; vertical-align:top;}
.membership-bx>div>ul>li:last-child{ width:45%; border-left:#e9e9e9 1px solid; padding:0 0 0 30px;}
.membership-bx>div>ul>li>em{ font-size:0.85em;}
.membership-bx>div>ul>li>p{ color:#333; margin-top:10px;}
.membership-bx>div>ul>li>p strong{ font-size:24px; font-weight:normal;}
.membership-bx>div.vip>div>i{ background-color:#2471c8;}
.membership-bx>div.glod>div>i{ background-color:#8ed585;}
@media (max-width:768px) {
	.membership-bx{ margin:0 0 20px 0;}
	.membership-bx:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.membership-bx>div{ background-color:#fff; margin:0; width:100%; float:none; padding:20px 15px; height:auto;}
	.membership-bx>div+div{ margin-top:10px;}
	.membership-bx>div>div{ padding:0 0 20px 0; margin:0; position:relative; height:auto; border-bottom:#ddd 1px solid; text-align:center;}
	.membership-bx>div>div>p{ font-size:14px;}
	.membership-bx>div>div>p>strong{ font-size:20px; font-weight:normal;}
	.membership-bx>div>div>i{ position:relative; top:auto; left:auto; border-radius:50%; display:block; text-align:center; line-height:85px; color:#fff; font-size:26px;  width:85px; font-family:'Roboto'; margin:0 auto 15px;}
	.membership-bx>div>ul{ display:block; width:100%;}
	.membership-bx>div>ul>li{ width:100%; display:block; vertical-align:top; padding:20px 0 0 0; text-align:center;}
	.membership-bx>div>ul>li:last-child{ width:100%; border-left:none;  padding:20px 0 0 0;}
	.membership-bx>div>ul>li>em{ font-size:0.85em;}
	.membership-bx>div>ul>li>p{ color:#333; margin-top:5px;}
	.membership-bx>div>ul>li>p strong{ font-size:20px; font-weight:normal;}
	.membership-bx>div.vip>div>i{ background-color:#2471c8;}
	.membership-bx>div.glod>div>i{ background-color:#8ed585;}
}

.ally-bx{ display:table; width:100%;} 
.ally-bx .thum{ display:table-cell; width:290px; vertical-align:middle;}
.ally-bx .tbx{ display:table-cell; vertical-align:middle; padding:0 0 0 25px; font-size:20px; text-align:left;}
.ally-bx .tbx .btn-box{ text-align:left;}
.ally-bx2{ display:table; width:100%; border:#ddd 1px solid; background-color:#fff;} 
.ally-bx2 li{ display:table-cell; width:50%; padding:30px; text-align:center; vertical-align:top;}
.ally-bx2 li strong{ text-align:center; display:block; font-size:20px; color:#333; font-weight:normal;}
.ally-bx2 li strong:before{ content:""; width:42px; height:42px; display:block; margin:0 auto 20px; background-repeat:no-repeat; background-position:50% 50%; background-image:url(../images/info/ally_icon2.png);}
.ally-bx2 li:first-child{ border-right:#ddd 1px solid;}
.ally-bx2 li:first-child strong:before{ background-image:url(../images/info/ally_icon1.png);}
.ally-bx2 li:first-child em{ color:#2471c8; font-size:30px; text-align:center; display:block; }
.ally-bx2 li span{ font-size:0.85em; text-align:center; display:block; }
@media (max-width:768px) {
	.ally-bx{ display:block; width:100%;} 
	.ally-bx .thum{ display:block; width:100%; vertical-align:middle;}
	.ally-bx .thum img{ margin:0 auto; display:block;}
	.ally-bx .tbx{ display:block; vertical-align:middle; padding:10px 15px; font-size:12px; text-align:left;}
	.ally-bx .tbx .btn-box{ text-align:center;}
	.ally-bx2{ display:table; width:100%; border:#ddd 1px solid; background-color:#fff;} 
	.ally-bx2 li{ display:table-cell; width:50%; padding:20px 10px; text-align:center; vertical-align:top;}
	.ally-bx2 li strong{ text-align:center; display:block; font-size:12px; color:#333; font-weight:normal;}
	.ally-bx2 li strong:before{ content:""; width:30px; height:30px; display:block; margin:0 auto 20px; background-repeat:no-repeat; background-position:50% 50%; background-image:url(../images/info/ally_icon2.png); background-size:30px 30px;}
	.ally-bx2 li:first-child{ border-right:#ddd 1px solid;}
	.ally-bx2 li:first-child strong:before{ background-image:url(../images/info/ally_icon1.png);}
	.ally-bx2 li:first-child em{ color:#2471c8; font-size:17px; text-align:center; display:block; }
	.ally-bx2 li span{ font-size:0.85em; text-align:center; display:block; }
}

.ap-bx1 ul{ margin-left:-3%;}
.ap-bx1 ul:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
.ap-bx1 li{ position:relative; display:block; width:22%; float:left; font-size:14px; color:#888; padding:0 0 0 30px; margin:0 0 0 3%;}
.ap-bx1 li:before{ content:""; position:absolute; top:50%; height:72px; width:1px; display:block; background-color:#eaeaea; left:0; margin-top:-36px;}
.ap-bx1 li:first-child{ padding:0;}
.ap-bx1 li:first-child:before{ display:none;}
.ap-bx1 li strong{ display:block; background-repeat:no-repeat; background-position:0 50%; font-weight:normal; font-size:20px; color:#333; padding:4px 0 4px 40px; margin:0 0 10px 0;}
.ap-bx1 li.m1 strong{ background-image:url(../images/info/app_icon0101.png);}
.ap-bx1 li.m2 strong{ background-image:url(../images/info/app_icon0102.png);}
.ap-bx1 li.m3 strong{ background-image:url(../images/info/app_icon0103.png);}
.ap-bx1 li.m4 strong{ background-image:url(../images/info/app_icon0104.png);}
.ap-bx2{ display:table; width:100%;}
.ap-bx2 .thum{ width:158px; display:table-cell;}
.ap-bx2 .tbx{ display:table-cell; padding:0 0 0 40px; vertical-align:top; font-size:20px; }
.ap-bx2 .tbx strong{ display:block; font-size:26px; font-weight:normal;}
.ap-bx2 .tbx .btn-box{ text-align:left; margin-top:30px;}
.ap-bx3{ display:table; width:100%; margin:40px 0 0 0; border:#ddd 1px solid; background-color:#fff; padding:40px 0;}
.ap-bx3 li{ position:relative; display:table-cell; width:50%; vertical-align:top; padding:0 60px 0 180px; min-height:120px;}
.ap-bx3 li:first-child{ border-right:#eaeaea 1px solid;}
.ap-bx3 li .thum{ position:absolute; top:0; left:60px; }
.ap-bx3 li strong{ display:block; font-size:20px; color:#333; padding:0 0 0 32px; margin:0 0 10px 0; text-transform: uppercase; font-weight:normal; background:url(../images/info/icon_ios.png) 0 50% no-repeat;}
.ap-bx3 li:first-child strong{ background:url(../images/info/icon_google.png) 0 50% no-repeat;}
@media (max-width:768px) {
	.ap-bx2{ display:block; width:100%;}
	.ap-bx2 .thum{ width:100%; display:block; text-align:center;}
	.ap-bx2 .tbx{ display:block; padding:20px 0 0 0; vertical-align:top; font-size:14px; text-align:center; }
	.ap-bx2 .tbx strong{ display:block; font-size:14px; font-weight:normal;}
	.ap-bx2 .tbx .btn-box{ text-align:center; margin-top:10px;}
	.ap-bx3{ display:none;}
}
@media (max-width:640px) {
	.ap-bx1 ul{ margin-left:0;}
	.ap-bx1 ul:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.ap-bx1 li{ position:relative; display:block; width:100%; float:left; font-size:12px; color:#888; padding:0; margin:0;}
	.ap-bx1 li:before{ content:""; position:absolute; top:0; height:1px; width:100%; display:block; background-color:#eaeaea; left:0; margin-top:0;}
	.ap-bx1 li+li{ margin-top:15px; padding-top:15px;}
	.ap-bx1 li:first-child{ padding:0;}
	.ap-bx1 li:first-child:before{ display:none;}
	.ap-bx1 li strong{ display:block; background-repeat:no-repeat; background-position:0 50%; background-size:22px 22px; font-weight:normal; font-size:14px; color:#333; padding:4px 0 4px 28px; margin:0;}
	.ap-bx1 li.m1 strong{ background-image:url(../images/info/app_icon0101.png);}
	.ap-bx1 li.m2 strong{ background-image:url(../images/info/app_icon0102.png);}
	.ap-bx1 li.m3 strong{ background-image:url(../images/info/app_icon0103.png);}
	.ap-bx1 li.m4 strong{ background-image:url(../images/info/app_icon0104.png);}
}

.manless-bx1{ background-color:#fff; display:table; width:100%; padding:40px 0;}
.manless-bx1 li{ display:table-cell; width:50%; padding:0 40px 0 150px; font-size:18px;}
.manless-bx1 li strong{ display:block; line-height:0; padding:40px 0 40px 110px; margin:0 0 0 -110px; color:#333; font-size:25px; font-weight:400; background-repeat:no-repeat; background-position:0 50%;}
.manless-bx1 li.m2{ border-left:#eaeaea 1px solid;}
.manless-bx1 li.m1 strong{ background-image:url(../images/info/manless_img0301.png);}
.manless-bx1 li.m2 strong{ background-image:url(../images/info/manless_img0302.png);}

.manless-bx2{ display:table; width:100%; margin:40px 0 0 0;}
.manless-bx2 .thum{ display:table-cell; width:200px;}
.manless-bx2 .tbx{ display:table-cell; vertical-align:middle; padding:0 100px 0 40px;}
.manless-bx2 .tbx strong{ font-size:25px; color:#333; display:block; font-weight:400; }
@media (max-width:768px) {
	.manless-bx1{ background-color:#fff; display:block; width:100%; padding:0 15px;}
	.manless-bx1 li{ position:relative; display:block; width:100%; padding:20px 0 20px 50%; font-size:12px;}
	.manless-bx1 li strong{ position:absolute; top:20px; left:0; width:50%; display:block; line-height:0; padding:60px 0 0 0; margin:0; color:#333; font-size:15px; font-weight:400; background-repeat:no-repeat; background-position:0 0; background-size:40px 40px;}
	.manless-bx1 li.m2{ border-left:none; border-top:#eaeaea 1px solid;}
	.manless-bx1 li.m1 strong{ background-image:url(../images/info/manless_img0301.png);}
	.manless-bx1 li.m2 strong{ background-image:url(../images/info/manless_img0302.png);}

	.manless-bx2{ display:block; width:100%; margin:20px 0 0 0;}
	.manless-bx2 .thum{ display:block; width:100%; text-align:center; margin:0 0 15px 0;}
	.manless-bx2 .tbx{ display:block; vertical-align:middle; padding:0 40px; text-align:center;}
	.manless-bx2 .tbx strong{ font-size:15px; color:#333; display:block; font-weight:400; margin:0 0 10px 0;}
}

/************************************************
	company
************************************************/
.com-intro .tit-area{ background-image:url(http://www.cleantopia.com/kr/images/company/intro_tit.jpg); }
.com-com .tit-area{ background-image:url(../images/company/com_tit.jpg); }
.com-society .tit-area{ background-image:url(../images/company/society_tit.jpg); }

#container #content.com-intro .con-inner{ background:#fff url(http://www.cleantopia.com/kr/images/company/intro_photo.jpg) 100% 100% no-repeat; padding:50px 140px 300px 140px;}
#container #content.com-intro .tx01{ color:#333; font-size:33px; text-align:center; font-weight:300;}
#container #content.com-intro .tx01 span{ display:block;}
#container #content.com-intro p+p{ margin-top:35px;}

#container #content.com-com{ padding:0; background-color:#f6f7fa;}
.com-com>div>h3{ text-align:center; font-size:30px; margin:0 0 15px 0;}
.com-com>div>.h3-sub{ text-align:center;}
.com-bx01{ padding:50px 0 90px; background-color:#f6f7fa;}
.com-bx01>.inner{ margin:0 auto; width:1100px;}
.com-bx01 .tx01{ color:#333; font-size:34px; text-align:center; font-weight:300;}
.com-bx01 p{ padding:0 140px;}
.com-bx01 p+p{ margin-top:35px;}
.com-bx01 ul{ text-align:center; margin-top:55px;}
.com-bx01 ul li{ position:relative; display:inline-block; width:276px;}
.com-bx01 ul li .thum{ position:relative; display:block;}
.com-bx01 ul li .thum img{ display:block; margin:0 auto;}
.com-bx01 ul li .thum:after{ content:""; position:absolute; top:50%; left:-8px; margin-top:-8px; width:17px; height:17px; display:block; background:url(../images/icon_plus.png) 50% 50% no-repeat;}
.com-bx01 ul li:first-child .thum:after{ display:none;}
.com-bx01 ul li strong{ display:block; text-align:center; font-size:20px; color:#333; font-weight:normal; margin:10px 0 0 0;}

.com-bx02{ padding:75px 0 0; background:url(../images/company/com_img02.jpg) 50% 0 no-repeat; height:669px; border-top:#e5e5e5 1px solid;}
.com-bx02 .grp{ display:none;}

.com-bx03{ padding:80px 0 100px; width:1100px; margin:0 auto;}
.com-bx03 .y-tab{ margin:40px 0 80px;}
.com-bx03 .y-tab li{ float:left; width:33.3%;}
.com-bx03 .y-tab li a{ display:block; height:60px; line-height:60px; border:#eaeaea 1px solid; border-left:none; text-align:center; font-size:18px; color:#333; font-weight:700; font-family:'Roboto'; }
.com-bx03 .y-tab li:first-child a{ border:#eaeaea 1px solid; }
.com-bx03 .y-tab li a.active{ border:#2471c8 3px solid; color:#2471c8; }
.history-bx{ position:relative; padding:0; margin:180px auto 0; background:url(../images/bg_rec.jpg) 50% 0 repeat-y;}
.history-bx .tit{ display:none;}
.history-bx .inner{ position:relative; padding:92px 0 0 50%;}
.history-bx .thum{ position:absolute; top:36px; left:0; width:50%; text-align:right; padding:96px 120px 0 0; font-size:24px; color:#333;}
.history-bx .thum:after{ content:""; position:absolute; top:8px; right:-7px; display:block; width:14px; height:14px; background:#fff; border:#2471c8 2px solid; border-radius:50%;}
.history-bx .thum:before{ content:""; position:absolute; top:14px; right:-5px; width:105px; height:14px; background:url(../images/bg_rec.jpg) 50% 0 repeat-x; display:block;}
.history-bx .thum>span{ position:absolute; top:0; left:0; width:100%; padding:0 120px 0 0; display:block;}
.history-bx .thum strong{ font-size:20px; display:block; font-weight:normal; font-family:'Roboto';}
.history-bx .thum img{ width:390px;}
.history-bx dl{ position:relative; padding:0 0 0 120px; margin-top:35px; background:url(../images/bg_rec_blue.jpg) 0 0 repeat-y;}
.history-bx dl:before{ content:""; position:absolute; top:-35px; left:0; width:1px; height:45px; background:url(../images/bg_rec_blue.jpg) 0 0 repeat-y;}
.history-bx dl dt{ font-family:'Roboto'; font-size:24px; color:#2471c8; margin:0 0 5px 0;}
.history-bx dl dt:after{ content:""; position:absolute; top:10px; left:-7px; display:block; width:14px; height:14px; background:#fff; border:#2471c8 2px solid; border-radius:50%;}
.history-bx dl dt:before{ content:""; position:absolute; top:17px; left:-5px; width:105px; height:14px; background:url(../images/bg_rec.jpg) 50% 0 repeat-x; display:block;}
.history-bx dl dd{ position:relative; padding:0 0 0 44px;}
.history-bx dl dd strong{ position:absolute; top:0; left:0; color:#333; font-size:16px; display:inline-block;}
.history-bx dl dd+dd{ margin-top:5px;}
.history-bx>#y02 .inner{ padding:92px 50% 0 0;}
.history-bx>#y02 .thum{ left:auto; right:0; width:50%; text-align:left; padding:96px 0 0 120px;}
.history-bx>#y02 .thum:after{ right:auto; left:-7px;}
.history-bx>#y02 .thum:before{ right:auto; left:-5px;}
.history-bx>#y02 .thum>span{ padding:0 0 0 120px; display:block;}
.history-bx>#y02 .thum strong{ font-size:20px; display:block; font-weight:normal; font-family:'Roboto';}
.history-bx>#y02 .thum img{ width:390px;}
.history-bx>#y02 dl{ padding:0 120px 0 0; background:url(../images/bg_rec_blue.jpg) 100% 0 repeat-y; text-align:right; right:-1px;}
.history-bx>#y02 dl:before{ top:-35px; left:auto; right:0; }
.history-bx>#y02 dl dt{ font-family:'Roboto'; font-size:24px; color:#2471c8; margin:0 0 5px 0;}
.history-bx>#y02 dl dt:after{ left:auto; right:-7px; }
.history-bx>#y02 dl dt:before{ left:auto; right:-5px;}
.history-bx>#y02 dl dd{ position:relative; padding:0 44px 0 0;}
.history-bx>#y02 dl dd strong{ position:absolute; top:0; left:auto; right:0; color:#333; font-size:16px; display:inline-block;}
.history-bx>div+div{ margin-top:50px;}
.history-bx dl.y2016,
.history-bx dl.y2010,
.history-bx dl.y1997{ margin-top:0;}
.history-bx dl.y2011,
.history-bx>#y02 dl.y2002,
.history-bx dl.y1986{ background:none;}

.com-bx04{ background-color:#fff; padding:80px 0 120px; border-top:#e5e5e5 1px solid;}
.com-bx04 ul{ display:table; width:1100px; margin:80px auto 0; text-align:center;}
.com-bx04 ul li{ display:block; float:left; width:16.6%;}
.com-bx04 ul li .thum{ text-align:center; display:block;}
.com-bx04 ul li .txt{ display:block; color:#333; font-size:14px; margin:10px 0 0 0;}
.com-bx04 ul li .txt em{ color:#959595; font-size:13px;}

.com-society{ background:#f6f7fa;}
.com-society .con-inner{ padding:50px 0 100px;}
.society-bx1 .thum img{display:block;}
.com-society .con-inner .thum .vis-mobile{ display:none;}
.com-society .con-inner .tx01{ font-size:30px; text-align:center; margin:0 0 40px 0;}
.com-society .con-inner .tx01 span{ display:block;}
.com-society .con-inner .tx01 strong{ font-weight:normal;}
.com-society .con-inner dl{ margin:0; border:#ddd 1px solid; border-radius:0 0 3px 3px; position:relative; padding:30px; background-color:#fff;}
.com-society .con-inner dl dt{ font-size:30px; color:#333; vertical-align:top;}
.com-society .con-inner dl dd{ vertical-align:top;}
.com-society .con-inner dl dd .btn-box{ margin-top:30px;}
.com-society .con-inner .mov{ margin:0; }
.com-society .con-inner .mov { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.com-society .con-inner .mov iframe, 
.com-society .con-inner .mov object, 
.com-society .con-inner .mov embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.society-bx2{ margin-top:60px;}
.society-bx2 .prvethum{ position:relative; cursor:pointer;}
.society-bx2 .prvethum img{ display:block;} 
.society-bx2 .prvethum img.vis-mobile{ display:none;}
.society-bx2 .prvethum:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; } /* background-color:rgba(0,0,0,0.4);*/
.society-bx2 .prvethum:after{ content:""; position:absolute; top:50%; left:50%; margin:-34px 0 0 -34px; width:68px; height:68px; background:url(../images/icon_play_lg.png) 50% 50% no-repeat; display:block; }
.society-bx2 .mov{ display:none;}

.com-reg .reg-bx{ width:1100px; margin:0 auto; padding:50px 0 100px; }
.com-reg .reg-bx h3{ text-align:center;}
.com-reg .reg-bx .h3-sub{ text-align:center; margin:0 0 40px 0;}

.ad-tab.paper{ margin-top:70px;}
.ad-tab ul{ text-align:center;}
.ad-tab ul li{ position:relative; display:inline-block; padding:0 20px;}
.ad-tab ul li a{ position:relative; display:block; color:#757575; line-height:60px; }
.ad-tab ul li.active a{ color:#2471c8; border-bottom:#2471c8 2px solid; font-weight:600;}

.cf-wr{ background:#f6f7fa; padding:60px 0 90px;}
.cf-wr>.inner{ width:1100px; margin:0 auto;}
.on-mov .mov{  float:left; width:720px; height:406px; } 
.on-mov .mov iframe{ width:720px; height:406px;}
.on-mov .m-com{ display:table-cell; vertical-align:top; text-align:left; padding:0 0 0 40px;}
.on-mov .m-com .tit{ font-size:28px; color:#333; line-height:1;}
.on-mov .m-com .txt{ margin:5px 0 10px;}
.on-mov .m-com .tbx{ background-color:#fff; padding:15px; height:340px; overflow-y:auto; }

@media (min-width:769px) {
	.society-bx2 .prvethum img.vis-mobile{ display:none;}
}
@media (max-width:768px) {
	.society-bx2 .prvethum img.vis-pc{ display:none;}
	.society-bx2 .prvethum img.vis-mobile{ display:block;}
}
@media (min-width:641px) and (max-width:1099px) {
	.cf-wr{ padding:60px 20px 90px;}
	.on-mov .mov{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;  float:none; width:100%;} 
	.on-mov .mov iframe, 
	.on-mov .mov object, 
	.on-mov .mov embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.on-mov .m-com{ display:block; vertical-align:top; text-align:left; padding:0; margin-top:15px;}
	.on-mov .m-com .tit{ font-size:24px; color:#333; line-height:1;}
	.on-mov .m-com .txt{ margin:5px 0 10px;}
	.on-mov .m-com .tbx{ background-color:#fff; padding:10px; height:190px; overflow-y:auto; }
}
@media (max-width:640px) {
	.on-mov .mov{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;  float:none; width:100%;} 
	.on-mov .mov iframe, 
	.on-mov .mov object, 
	.on-mov .mov embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.on-mov .m-com{ display:block; vertical-align:top; text-align:left; padding:0; margin-top:15px;}
	.on-mov .m-com .tit{ font-size:15px; color:#333; line-height:1;}
	.on-mov .m-com .txt{ margin:5px 0 10px;}
	.on-mov .m-com .tbx{ background-color:#fff; padding:10px; height:100px; overflow-y:auto; }
}
.cf-list{ margin:0 0 0 -40px;}
.cf-list:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.cf-list .item{ position:relative; float:left; width:340px; height:190px; margin:40px 0 0 40px;}
.cf-list .item a{ display:block;}
.cf-list .item a:before{ content:''; position:absolute; top:10px; right:10px; background:url(../images/icon_movie.png) 50% 50% no-repeat; display:block; width:22px; height:22px; z-index:2;}
.cf-list .item.radio a:before{ background:url(../images/icon_radio.png) 50% 50% no-repeat;}
.cf-list .item a:after{ content:""; position:absolute; bottom:30px; right:30px; display:block; width:40px; height:40px; background:url(../images/icon_play.png) 50% 50% no-repeat;  z-index:2;}
.cf-list .item.radio a:after{ background:url(../images/icon_play2.png) 50% 50% no-repeat; }
.cf-list .item:nth-child(3n+1){ clear:both;}
.cf-list .item .thum,
.cf-list .item .thum img{ position:relative; width:100%; display:block;}
.cf-list .item .tit{position:absolute; top:110px; left:0; width:100%; padding:0 80px 0 25px; color:#fff; font-size:18px;}
.cf-list .item .tit em{ font-size:14px; color:#cbcbca; display:block;}
.cf-list .item.radio .tit{color:#333; }
.cf-list .item.radio .tit em{ color:#666;}
.cf-list .item.radio:hover .tit{color:#fff; }
.cf-list .item.radio:hover .tit em{ color:#cbcbca;}
.cf-list .item.radio:hover a:after{ background:url(../images/icon_play.png) 50% 50% no-repeat; }
.cf-list .item i{ display:none;}
.cf-list .item .thum:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; display:block; background-color:rgba(0,0,0,0.45); -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.cf-list .item.radio .thum:after{ background-color:rgba(0,0,0,0);}
.cf-list .item:hover .thum:after{ background-color:rgba(36,113,200,0.94);}
.cf-list .item.active i{ position:absolute; top:0; right:0; bottom:0; left:0; display:block; background-color:rgba(0,0,0,0.7); text-transform: uppercase; z-index:9; color:#fff; text-align:center; font-size:20px; line-height:1;}
.cf-list .item.active i span{ position:absolute; top:50%; width:100%; left:0; margin-top:-10px;}
.cf-list .item.active a:after,
.cf-list .item.active a:before,
.cf-list .item.active .tit,
.cf-list .item.active .thum:after{ display:none;}

.paper-wr{ background-color:#f6f7fa; padding:60px 0 100px;}
.paper-wr .inner{ width:1100px; margin:0 auto;}
.paper-wr .inner .loading,
.brd-bx .inner .loading{ text-align:center; padding:35px 0; display:block;}
.paper-lst{ margin:-40px 0 0 -40px;}
.paper-lst:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.paper-lst .item{ float:left; width:340px; margin:40px 0 0 40px;}
.paper-lst .item .thum{ position:relative;display:block; }
.paper-lst .item .thum>i{ position:absolute; padding-top:5px; bottom:0; right:0; width:50px; height:50px; color:#fff; background-color:#2471c8; text-align:center; text-align:center; line-height:1; font-size:12px;}
.paper-lst .item .thum>i *{line-height:1.4; }
.paper-lst .item .thum>i strong{font-size:18px; font-weight:normal;}
.paper-lst .item .thum img{ display:block; width:100%;}
.paper-lst .item .txt{ height:150px; display:block; background-color:#fff; padding:25px 28px 0;}
.paper-lst .item .txt .mark1{ display:block; color:#2471c8; font-size:14px;}
.paper-lst .item .txt .mark2{ display:block; color:#333; font-size:18px; height:45px;}
.paper-lst .item .txt .date{ display:block; color:#959595; font-size:14px;}
.paper-lst .item:hover .thum:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.4) }
.paper-lst .item:hover .thum:after{ content:""; position:absolute; top:50%; left:50%; width:46px; height:46px; margin:-23px 0 0 -23px; display:block; border-radius:50%; background:#2471c8 url(../images/icon_plus2.png) 50% 50% no-repeat; }
.paper-lst.newsletter .item:hover .thum:after{ content:""; position:absolute; top:50%; left:50%; width:46px; height:46px; margin:-23px 0 0 -23px; display:block; border-radius:50%; background:#2471c8 url(../images/icon_down.png) 50% 50% no-repeat; }
.paper-lst .item:hover .txt{ background-color:#2471c8;}
.paper-lst .item:hover .txt .mark1{ color:#c6d4ed;}
.paper-lst .item:hover .txt .mark2{ color:#fff;}
.paper-lst .item:hover .txt .date{ color:#c6d4ed;}

.press-lst{ margin:-40px 0 0 -40px;}
.press-lst .item{ width:340px; margin:40px 0 0 40px;}
.press-lst .item .thum{ position:relative;display:block; }
.press-lst .item .thum img{ display:block; width:100%;}
.press-lst .item .txt{ min-height:150px; display:block; background-color:#fff; padding:25px 28px;}
.press-lst .item .txt .mark1{ display:block; color:#2471c8; font-size:14px;}
.press-lst .item .txt .mark2{ display:block; color:#333; font-size:18px; line-height:1.1; margin:10px 0 15px;}
.press-lst .item .txt .mark3{ display:block; line-height:1.1; margin:0 0 15px;}
.press-lst .item .txt .date{ display:block; color:#959595; font-size:14px;}
.press-lst .item .txt .date i{ position:relative; display:inline-block;}
.press-lst .item .txt .date i+i{ padding:0 0 0 10px; margin:0 0 0 10px;}
.press-lst .item .txt .date i+i:after{ content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; background-color:#eaeaea; display:block;}
.press-lst .item .txt .date i.click:before{ content:""; display:inline-block; width:14px; height:10px; margin-right:5px; background:url(../images/icon_eyes.png) 50% 50% no-repeat; background-size:10px auto;}
.press-lst .item:hover .thum:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.4) }
.press-lst .item:hover .thum:after{ content:""; position:absolute; top:50%; left:50%; width:46px; height:46px; margin:-23px 0 0 -23px; display:block; border-radius:50%; background:#2471c8 url(../images/icon_plus2.png) 50% 50% no-repeat; }
.press-lst .item:hover .txt{ background-color:#2471c8;}
.press-lst .item:hover .txt .mark1{ color:#c6d4ed;}
.press-lst .item:hover .txt .mark2{ color:#fff;}
.press-lst .item:hover .txt .mark3{ color:#c8dbf1}
.press-lst .item:hover .txt .date{ color:#c6d4ed;}


/*ey*/
.brd-bx h3{   position:relative;display:block; text-align:center; font-size:36px; font-weight:400; color:#222; height:100px; }
.brd-bx .tx01{ text-align:center; margin:50px 0 40px; font-size:16px;line-height:1.8 }
.brd-bx .tx01 .tel{ margin-top:20px;}


.brd-bx_L h3{   position:relative;display:block; text-align:center; font-size:36px; font-weight:400; color:#222; height:60px; }
.brd-bx_L .tx01{ text-align:center; margin:0px 0 40px; font-size:16px;line-height:1.8 }
.brd-bx_L .tx01 .tel{ margin-top:20px;}
.brd-bx_L{ background-color:#f5f6fa; padding:60px 0 0; margin:0; border-top:#e5e5e5 1px solid;}
.brd-bx_L.white{ background-color:#fff;}
.brd-bx_L>.inner{ width:1100px; margin:0 auto;}

.photo_g {width:900px;  margin:0 auto; text-align:center; padding-bottom:20px; border-bottom:#e5e5e5 1px solid;}  /*dotted*/
/*ey*/


.loc-bx .item{ width:100%; padding:60px 0 0;}
.loc-bx .item .thum{ width:100%; vertical-align:top;}
.loc-bx .item .loc-tx{ display:table; vertical-align:top; padding:0;}
.loc-bx .item .loc-tx dt{ display:table-cell; width:270px; font-size:26px; color:#333; margin:0; vertical-align:top;}
.loc-bx .item .loc-tx dd .btn{ margin-top:10px; }
.loc-bx .item .loc-tx dd>p{ margin-top:20px;}
.loc-bx .item .loc-tx dd+dd{ margin:15px 0 0 0;}

.clean-tab .tab-bx{ text-align:center; width:600px; margin:0 auto;}
.clean-tab .tab-bx .item{ position:relative; display:inline-block; width:100px; vertical-align:top;}
.clean-tab .tab-bx .item a{ display:block; text-align:center; color:#757575; height:106px; padding:0 0 0 0; line-height:1.2;}
.clean-tab .tab-bx .item a *{line-height:1.2;}
.clean-tab .tab-bx .item.on a{ color:#2471c8;}
.clean-tab .tab-bx .item a:before{ content:""; display:block; width:46px; height:40px; margin:0 auto 10px; background-repeat:no-repeat; background-position:50% 0;}
.clean-tab .tab-bx .item.item1 a:before{ background-image:url(../images/company/clean_tab01.png);}
.clean-tab .tab-bx .item.item2 a:before{ background-image:url(../images/company/clean_tab02.png);}
.clean-tab .tab-bx .item.item3 a:before{ background-image:url(../images/company/clean_tab03.png);}
.clean-tab .tab-bx .item.item4 a:before{ background-image:url(../images/company/clean_tab04.png);}
.clean-tab .tab-bx .item.item5 a:before{ background-image:url(../images/company/clean_tab05.png);}
.clean-tab .tab-bx .item.item6 a:before{ background-image:url(../images/company/clean_tab06.png);}
.clean-tab .tab-bx .item.item1.on a:before{ background-image:url(../images/company/clean_tab01.png); background-position:50% -50px;}
.clean-tab .tab-bx .item.item2.on a:before{ background-image:url(../images/company/clean_tab02.png); background-position:50% -50px;}
.clean-tab .tab-bx .item.item3.on a:before{ background-image:url(../images/company/clean_tab03.png); background-position:50% -50px;}
.clean-tab .tab-bx .item.item4.on a:before{ background-image:url(../images/company/clean_tab04.png); background-position:50% -50px;}
.clean-tab .tab-bx .item.item5.on a:before{ background-image:url(../images/company/clean_tab05.png); background-position:50% -50px;}
.clean-tab .tab-bx .item.item6.on a:before{ background-image:url(../images/company/clean_tab06.png); background-position:50% -50px;}
.clean-tab .tab-bx .item.on a:after{ content:""; position:absolute; bottom:0; left:0; display:block; height:1px; width:100%; background-color:#2471c8;}

.clean-wr{ background-color:#f6f7fa; padding:100px 0 90px; border-top:#e5e5e5 1px solid;}
.clean-wr .inner{ width:1100px; margin:0 auto;}
.clean-wr h3{ text-align:center; font-weight:300; font-size:34px; color:#333; margin:0 0 40px 0;}
.clean-wr .clean01-bx1 .thum img{ display:block;}
.clean-wr .clean01-bx1 dl{ padding:30px; background-color:#fff; border:#ddd 1px solid; border-top:none; }
.clean-wr .clean01-bx1 dl dt{ font-size:24px; color:#333; margin:0 0 10px 0;}
.clean-wr .clean01-bx2{ display:table; margin:80px 0 0 0;}
.clean-wr .clean01-bx2 .item{ display:table-cell; width:50%; padding:0 40px;}
.clean-wr .clean01-bx2 .item+.item{ border-left:#eaeaea 1px solid;}
.clean-wr .clean01-bx2 .item h4{ text-align:center; padding:80px 0 0 0; margin:0 0 70px 0; font-size:20px; color:#333; font-weight:normal; background:url(../images/company/clean01_img0201.png) 50% 0 no-repeat;}
.clean-wr .clean01-bx2 .item+.item h4{ background:url(../images/company/clean01_img0202.png) 50% 0 no-repeat;}
.clean-wr .clean01-bx2 .item dl{ display:table;}
.clean-wr .clean01-bx2 .item dl dt{ display:table-cell; vertical-align:top; width:54px; font-size:20px; color:#2471c8;}
.clean-wr .clean01-bx2 .item dl+dl{ margin-top:15px;}
.clean-wr .clean01-bx2 .item dl+dl dt{ color:#8ed585;}
.clean-wr .clean01-bx2 .item dl dd{ vertical-align:top; color:#959595;}

.clean-wr .clean02-bx2{ display:block; margin:80px 0 0 0;}
.clean-wr .clean02-bx2 h4{ font-size:20px; color:#333; font-weight:normal; margin:0 0 40px 0;}
.clean-wr .clean02-bx2 ul{ overflow:hidden;}
.clean-wr .clean02-bx2 ul li{ width:25%; float:left; text-align:center;}
.clean-wr .clean02-bx2 ul li .thum{ display:block;}
.clean-wr .clean02-bx2 ul li .thum img{ display:block; margin:0 auto;}
.clean-wr .clean02-bx2 ul li .tbx{ display:block; margin:20px 0 0 0; color:#333;}

.clean03-bx1{ display:table; margin:30px 0 90px;}
.clean03-bx1 .subject{ display:block; color:#333; line-height:44px; font-size:16px;}
.clean03-bx1 .left{ display:table-cell; width:536px; vertical-align:top;}
.clean03-bx1 .left .thum{ position:relative; display:block;}
.clean03-bx1 .left .thum img{ display:block; width:100%;}

.clean03-bx1 .left .thum{ position:relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; display:none;} 
.clean03-bx1 .left .thum iframe, 
.clean03-bx1 .left .thum object, 
.clean03-bx1 .left .thum embed { position: absolute; top: 0; left: 0; width:100%; height:100%; }

.clean03-bx1 .left .prvethum{ position:relative; cursor:pointer;}
.clean03-bx1 .left .prvethum img{ display:block;} 
.clean03-bx1 .left .prvethum:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; } /* background-color:rgba(0,0,0,0.4);*/
.clean03-bx1 .left .prvethum:after{ content:""; position:absolute; top:50%; left:50%; margin:-34px 0 0 -34px; width:68px; height:68px; background:url(../images/icon_play_lg.png) 50% 50% no-repeat; display:block; }

.clean03-bx1 .right{ display:table-cell; vertical-align:top;}
.clean03-bx1 .right:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.clean03-bx1 .right .item{ float:left; margin:0 0 15px 28px;}
.clean03-bx1 .right .item img{ width:100%;}
.clean03-bx2{ margin:20px 0 0 0;}
.clean03-bx2>p{ font-size:0.9em; color:#959595; padding:1em 0; }
.clean03-bx2 .inner-bx{ overflow:hidden; margin:0 0 0 -2%;}
.clean03-bx2 .inner-bx .item{ float:left; width:23%; margin:0 0 0 2%;}
.clean03-bx2 .inner-bx .item img{ width:100%;}
.clean03-bx2 .subjecttxt{ display:block; color:#333; line-height:44px;}

.clean04-bx1{ margin:80px 0 0 -40px; overflow:hidden;}
.clean04-bx1 .item{ float:left; width:340px; margin:0 0 55px 40px;}
.clean04-bx1 .item .thum{ display:block;}
.clean04-bx1 .item .thum img{ display:block; width:100%;}
.clean04-bx1.clean06{ margin-top:30px;}
.clean04-bx1.clean06 .item .thum img{ display:block; width:auto; margin:0 auto;}
.clean04-bx1 .item .tbx{ display:block; margin:25px 0 0 0; }
.clean04-bx1 .item .tbx strong{ display:block; font-size:20px; font-weight:normal; color:#333; margin:0 0 5px 0;}
.clean04-bx1 .item  em{ font-size:15px; color:#959595; display:block;  margin:4% 0 0 0;}

.clean05-bx1{ margin:50px 0 0 0;}
.clean05-bx1 .item{ padding:25px 0;}
.clean05-bx1 .item+.item{ border-top:#ddd 1px solid;}
.clean05-bx1 .item strong{ font-size:20px; color:#333; display:block; font-weight:normal; margin:0 0 5px 0;}
.clean05-bx1 .item em{ color:#959595; display:block;}
.clean05-bx1 .item em span{ display:block;}

.clean-wr .clean01-bx1 .clean06-bx1{ margin:60px 0 0 0; padding:0; border:none; background-color:transparent; }
.clean-wr .clean01-bx1 .clean06-bx1 dt{ font-size:20px;}

@media (min-width:769px) and (max-width:1100px) {
	.com-bx03{ padding:80px 0 100px; width:100%; margin:0 auto;}
	.com-bx04 ul{ width:100%; margin:80px 0 0;}
	
	.com-reg .reg-bx{ width:100%; margin:0;}

	.cf-wr>.inner{ width:100%; margin:0;}
	.cf-list{ margin:0 0 0 -1.5%;}
	.cf-list:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.cf-list .item{ position:relative; float:left; width:31%; height:auto; margin:40px 0 0 2%;}
	.cf-list .item a{ display:block;}
	.cf-list .item a:before{ content:''; position:absolute; top:10px; right:10px; background:url(../images/icon_movie.png) 50% 50% no-repeat; display:block; width:22px; height:22px; z-index:2;}
	.cf-list .item.radio a:before{ background:url(../images/icon_radio.png) 50% 50% no-repeat;}
	.cf-list .item a:after{ content:""; position:absolute; bottom:30px; right:30px; display:block; width:40px; height:40px; background:url(../images/icon_play.png) 50% 50% no-repeat;  z-index:2;}
	.cf-list .item.radio a:after{ background:url(../images/icon_play2.png) 50% 50% no-repeat; }
	.cf-list .item:nth-child(3n+1){ clear:both;}
	.cf-list .item .thum,
	.cf-list .item .thum img{ position:relative; width:100%; display:block;}
	.cf-list .item .tit{position:absolute; top:110px; left:0; width:100%; padding:0 80px 0 25px; color:#fff; font-size:18px;}
	.cf-list .item .tit em{ font-size:14px; color:#cbcbca; display:block;}
	.cf-list .item.radio .tit{color:#333; }
	.cf-list .item.radio .tit em{ color:#666;}
	.cf-list .item.radio:hover .tit{color:#fff; }
	.cf-list .item.radio:hover .tit em{ color:#cbcbca;}
	.cf-list .item.radio:hover a:after{ background:url(../images/icon_play.png) 50% 50% no-repeat; }
	.cf-list .item i{ display:none;}
	.cf-list .item .thum:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; display:block; background-color:rgba(0,0,0,0.45); -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
	.cf-list .item.radio .thum:after{ background-color:rgba(0,0,0,0);}
	.cf-list .item:hover .thum:after{ background-color:rgba(36,113,200,0.94);}
	.cf-list .item.active i{ position:absolute; top:0; right:0; bottom:0; left:0; display:block; background-color:rgba(0,0,0,0.7); text-transform: uppercase; z-index:9; color:#fff; text-align:center; font-size:20px; line-height:1;}
	.cf-list .item.active i span{ position:absolute; top:50%; width:100%; left:0; margin-top:-10px;}
	.cf-list .item.active a:after,
	.cf-list .item.active a:before,
	.cf-list .item.active .tit,
	.cf-list .item.active .thum:after{ display:none;}

	.paper-wr .inner{ width:100%; margin:0;}
	.paper-lst{ margin:-40px 0 0 -1.5%;}
	.paper-lst:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.paper-lst .item{ float:left; width:31%; height:auto; margin:40px 0 0 2%;}

	.press-lst{ margin:-40px 0 0 -1.5%;}
	.press-lst .item{ width:31%; height:auto; margin:40px 0 0 2%;}
	
	.clean-wr .inner{ width:100%; margin:0; padding:0;}
	
	.clean01-bx1,
	.clean02-bx2{ padding:0 20px;}
	.clean03-bx1 .left{ width:50%;}
	.clean03-bx1 .right{ display:block; vertical-align:top; margin:0;}
	.clean03-bx1 .right .item{ float:left; width:47%;margin:0 0 15px 3%;}

	.clean04-bx1{ margin:80px 0 0 -2%; overflow:hidden;}
	.clean04-bx1 .item{ float:left; width:31.3%; margin:0 0 55px 2%;}
}

@media (max-width:768px) {
	.com-intro .tit-area{ background-image:url(../images/company/intro_tit.jpg); }
	#container #content.com-intro .con-inner{ background:#fff url(../images/company/intro_photo_mobile.jpg) 100% 100% no-repeat; background-size:320px auto; padding:30px 20px 0;}
	#container #content.com-intro .tx01{ font-size:18px;}
	#container #content.com-intro .tx01 span{ text-align:center; display:block;}
	#container #content.com-intro p+p{ margin-top:20px;}
	#container #content.com-intro .sign{ margin-top:150px; text-align:right;}
	#container #content.com-intro .sign img{ height:30px; display:inline-block;}
	
	.com-com>div>h3{ text-align:center; font-size:18px; margin:0 0 10px 0;}
	.com-com>div>.h3-sub{ text-align:center;}
	.com-com>div>.h3-sub span{ display:block;}

	.com-bx01{ padding:30px 0 50px;}
	.com-bx01 .tx01{ font-size:18px;}
	.com-bx01>p{ padding:0 20px;}
	.com-bx01 p+p{ margin-top:20px;}
	.com-bx01 ul{ text-align:center; margin-top:25px; padding:0 20px;}
	.com-bx01 ul:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.com-bx01 ul li{ float:left; width:30%; margin-left:5%;}
	.com-bx01 ul li:first-child{ margin-left:0;}
	.com-bx01 ul li .thum{ position:relative; display:block; padding:0 5%;}
	.com-bx01 ul li .thum img{ display:block; margin:0 auto;}
	.com-bx01 ul li .thum:after{ content:""; position:absolute; top:50%; left:-14%; margin-top:-6px; width:12px; height:12px; display:block; background:url(../images/icon_plus.png) 50% 50% no-repeat; background-size:12px 12px;}
	.com-bx01 ul li:first-child .thum:after{ display:none;}
	.com-bx01 ul li strong{ display:block; text-align:center; font-size:13px; color:#333; margin:10px 0 0 0;}

	.com-bx02{ position:relative; padding:0; background:none; height:auto;}
	.com-bx02>h3{ position:absolute; top:35px; left:0; width:100%; text-align:center; font-size:18px; margin:0;}
	.com-bx02>p{ position:absolute; top:65px; left:0; width:100%; text-align:center;}
	.com-bx02>p span{ display:inline-block;}
	.com-bx02 .grp{ display:block;}
	.com-bx02 .grp img{ width:100%; display:block;}

	.com-bx03{ padding:35px 20px 50px; width:100%; margin:0;}
	.com-bx03 .y-tab{ display:none;}
	.history-bx{ position:relative; padding:0; margin:25px auto 0; background:none;}
	.history-bx .tit{ display:block; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; text-align:center; font-size:13px; color:#959595; height:40px; line-height:40px; font-weight:700; margin-top:-1px; }
	.history-bx .inner{ padding:20px 0; display:; }
	.history-bx div.active .inner{ display:block;}
	.history-bx div.active .tit{ border:#2471c8 2px solid; color:#2471c8;}
	.history-bx .thum{ position:relative; top:auto; left:auto; width:100%; text-align:center; padding:0; font-size:16px;}
	.history-bx .thum:after{ display:none;}
	.history-bx .thum:before{ display:none;}
	.history-bx .thum>span{ position:relative; top:auto; left:auto; margin:0 0 30px 0; padding:0; display:block;}
	.history-bx .thum strong{ display:none;}
	.history-bx .thum img{ width:100%;}
	.history-bx .thum:after,
	.history-bx .thum:before{ display:none;}
	.history-bx dl{ position:relative; padding:24px 0 0 45px; margin-top:0; background:url(../images/bg_rec.jpg) 45px 0 repeat-y;}
	.history-bx dl:before{ content:""; position:absolute; top:0; left:45px; display:block; width:1px; height:30px; }
	.history-bx dl dt{ position:absolute; top:20px; left:0; font-size:15px; margin:0 0 5px 0; z-index:9;}
	.history-bx dl dt:after{ content:""; position:absolute; top:5px; left:40px; display:block; width:10px; height:10px;}
	.history-bx dl dt:before{ display:none;}
	.history-bx dl dd{ position:relative; padding:0 0 0 20px; background:url(../images/bg_rec_blue.jpg) 0 0 repeat-y;}
	.history-bx dl dd strong{ position:relative; top:auto; left:auto; font-size:13px; display:block;}
	.history-bx dl dd+dd{ margin-top:0; padding-top:5px;}
	.history-bx>#y02 .inner{ padding:20px 0;}
	.history-bx>#y02 .thum{ position:relative; top:auto; left:auto; width:100%; text-align:center; padding:0; font-size:16px;}
	.history-bx>#y02 .thum:after{ display:none;}
	.history-bx>#y02 .thum:before{ display:none;}
	.history-bx>#y02 .thum>span{ position:relative; top:auto; left:auto; margin:0 0 30px 0; padding:0; display:block;}
	.history-bx>#y02 .thum strong{ display:none;}
	.history-bx>#y02 .thum img{ width:100%;}
	.history-bx>#y02 dl{ position:relative; padding:24px 0 0 45px; margin-top:0; background:url(../images/bg_rec.jpg) 45px 0 repeat-y;}
	.history-bx>#y02 dl:before{ content:""; position:absolute; top:0; left:45px; display:block; width:1px; height:30px; }
	.history-bx>#y02 dl dt{ position:absolute; top:20px; left:0; font-size:15px; margin:0 0 5px 0; z-index:9;}
	.history-bx>#y02 dl dt:after{ content:""; position:absolute; top:5px; left:40px; display:block; width:10px; height:10px;}
	.history-bx>#y02 dl dt:before{ display:none;}
	.history-bx>#y02 dl dd{ position:relative; padding:0 0 0 20px; background:url(../images/bg_rec_blue.jpg) 0 0 repeat-y; text-align:left;}
	.history-bx>#y02 dl dd strong{ position:relative; top:auto; left:auto; font-size:13px; display:block;}
	.history-bx>div+div{ margin-top:0;}
	.history-bx dl.y2016,
	.history-bx dl.y2010,
	.history-bx dl.y1997{ margin-top:0;}
	.history-bx dl.y2016:before,
	.history-bx>#y02 dl.y2010:before,
	.history-bx dl.y1997:before{ display:none;}
	.history-bx dl.y2011 ,
	.history-bx>#y02 dl.y2002,
	.history-bx dl.y1986{  background:url(../images/bg_rec.jpg) 45px 0 repeat-y;}
	.history-bx dl.y2011 dd,
	.history-bx>#y02 dl.y2002 dd,
	.history-bx dl.y1986 dd{ background:none;}

	.com-bx04{ background-color:#fff; padding:35px 0 50px;}
	.com-bx04 ul{ display:table; width:100%; margin:20px auto 0; padding:0 15px; text-align:center;}
	.com-bx04 ul li{ display:block; float:left; width:33.3%; padding:0 5px 20px;}
	.com-bx04 ul li .thum{ text-align:center; display:block; padding:0 10px;}
	.com-bx04 ul li .txt{ font-size:12px; margin:0;}
	.com-bx04 ul li .txt em{ font-size:11px; display:block;}
	
	.com-society .con-inner{ padding:35px 20px 50px;}
	.com-society .con-inner .tx01{ font-size:18px; margin:0 0 25px 0;}
	.com-society .con-inner .tx01 span{ display:block;}
	.com-society .con-inner .tx01 strong{ font-weight:normal;}
	.com-society .con-inner .thum .vis-pc{ display:none;}
	.com-society .con-inner .thum .vis-mobile{ display:block;}
	.com-society .con-inner dl{ position:relative; margin:0; display:block; padding:15px;}
	.com-society .con-inner dl dt{ display:block; width:100%; font-size:16px; margin:0 0 5px 0;}
	.com-society .con-inner dl dd{ display:block; vertical-align:top;}
	.com-society .con-inner dl dd .btn-box{ position:relative; margin-top:10px;}
	.com-society .con-inner .mov{ margin:30px 0 0 0;}
	.com-society .con-inner dl.mov-tx .btn{ position:relative; top:auto; left:auto;}	
	
	.com-reg .reg-bx{ width:100%; margin:0; padding:30px 0 50px;}
	.com-reg .reg-bx h3{ text-align:center; font-size:18px; padding:0 20px;}
	.com-reg .reg-bx .h3-sub{ margin:0 0 20px 0;padding:0 20px;}

	.ad-tab.paper{ margin-top:25px;}
	.ad-tab ul li{ padding:0 14px;}
	.ad-tab ul li a{ line-height:45px;}

	.cf-wr{ padding:30px 0 60px;}
	.cf-wr>.inner{ width:100%; padding:0 20px; margin:0 auto;}
	.cf-list{ margin:0 0 0 -4%;}
	.cf-list:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.cf-list .item{ position:relative; float:left; width:46%; height:auto; margin:20px 0 0 4%;}
	.cf-list .item a{ display:block;}
	.cf-list .item a:before{ content:''; position:absolute; top:4px; right:4px; background:url(../images/icon_movie.png) 50% 50% no-repeat; background-size:11px auto; display:block; width:11px; height:11px; z-index:2;}
	.cf-list .item.radio a:before{ background:url(../images/icon_radio.png) 50% 50% no-repeat; background-size:auto 11px;}
	.cf-list .item a:after{ content:""; position:absolute; bottom:50%; right:50%; margin:0 -10px -10px 0; display:block; width:20px; height:20px; background:url(../images/icon_play.png) 50% 50% no-repeat; background-size:20px 20px; z-index:2;}
	.cf-list .item.radio a:after{ background:url(../images/icon_play2.png) 50% 50% no-repeat; background-size:20px 20px;}
	.cf-list .item:nth-child(3n+1){ clear:none;}
	.cf-list .item:nth-child(2n+1){ clear:both;}
	.cf-list .item .thum{ display:block; margin:0 0 5px 0;}
	.cf-list .item .tit{ position:relative; top:auto; left:auto; width:100%; padding:0; color:#333; font-size:12px;}
	.cf-list .item .tit em{ display:none;}
	.cf-list .item.active i{ vertical-align:middle; font-size:10px; line-height:1;}
	.cf-list .item.active a:after,
	.cf-list .item.active a:before,
	.cf-list .item.active .tit,
	.cf-list .item.active .thum:after{ display:none;}

	.paper-wr{ padding:30px 0 50px;}
	.paper-wr .inner{ width:100%; margin:0; padding:0 20px;}
	.paper-wr .inner .loading{ text-align:center; padding:35px 0; display:block;}
	.paper-lst{ margin:-40px 0 0 -4%;}
	.paper-lst:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.paper-lst .item{ float:left; width:46%; height:auto; margin:20px 0 0 4%;}
	.paper-lst .item .thum{ position:relative;display:block; }
	.paper-lst .item .thum>i{display:none;}
	.paper-lst .item .thum img{ display:block;}
	.paper-lst .item .txt{ height:100px; display:block; background-color:#fff; padding:15px 15px;}
	.paper-lst .item .txt .mark1{ font-size:11px;}
	.paper-lst .item .txt .mark2{ font-size:13px; height:40px;}
	.paper-lst .item .txt .date{ font-size:11px;}

	.press-lst{ margin:-40px 0 0 -4%;}
	.press-lst .item{ width:46%; height:auto; margin:20px 0 0 4%;}
	.press-lst .item .txt{ height:auto; min-height:50px; display:block; background-color:#fff; padding:15px 15px;}
	.press-lst .item .txt .mark1{ display:block; color:#2471c8; font-size:14px;}
	.press-lst .item .txt .mark2{ display:block; color:#333; font-size:18px; line-height:1.1; margin:10px 0 15px;}
	.press-lst .item .txt .date{ display:block; color:#959595; font-size:14px;}
	.press-lst .item:hover .thum:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.4) }
	.press-lst .item:hover .thum:after{ content:""; position:absolute; top:50%; left:50%; width:46px; height:46px; margin:-23px 0 0 -23px; display:block; border-radius:50%; background:#2471c8 url(../images/icon_plus2.png) 50% 50% no-repeat; }
	.press-lst .item:hover .txt{ background-color:#2471c8;}
	.press-lst .item .txt .mark1{ font-size:11px;}
	.press-lst .item .txt .mark2{ font-size:13px; height:auto;}
	.press-lst .item .txt .date{ font-size:11px;}
	
	#container>#content.com-loc .con-inner{ padding:0 20px 50px;}
	.com-loc .con-inner h3{ text-align:center; font-size:18px;}
	.com-loc .con-inner .tx01{ text-align:center; margin:20px 0 15px;}
	.com-loc .con-inner .tx01 .tel{ margin-top:10px;}
	.loc-bx .item{ display:block; width:100%; padding:30px 0;}
	.loc-bx .item+.item{ border-top:#ddd 1px solid;}
	.loc-bx .item .thum{ display:none;}
	.loc-bx .item .loc-tx{ display:block; vertical-align:top; padding:0;}
	.loc-bx .item .loc-tx dt{ font-size:16px; display:block; width:100%; margin:0 0 10px 0; text-align:center;}
	.loc-bx .item .loc-tx dd{ font-size:13px;  text-align:center;}
	.loc-bx .item .loc-tx dd>p{ margin-top:10px;}
	.loc-bx .item .loc-tx dd .btn{ margin-top:10px; }
	.loc-bx .item .loc-tx dd+dd{ margin:15px 0 0 0;}
	
	.clean-tab{ position:relative;  padding:0 35px; }
	.clean-tab .tab-bx{ width:100%;}
	.clean-tab .tab-bx .item{ position:relative; display:inline-block; width:100px; vertical-align:top;}
	.clean-tab .tab-bx .item a{ display:block; text-align:center; color:#757575; height:85px; padding:0 0 0 0; line-height:1.2;}
	.clean-tab .tab-bx .item a *{line-height:1.2;}
	.clean-tab .tab-bx .item.on a{ color:#2471c8;}
	.clean-tab .tab-bx .item a:before{ content:""; display:block; width:40px; height:36px; margin:0 auto 10px; background-repeat:no-repeat; background-position:50% 0; background-size:40px 88px;}
	.clean-tab .tab-bx .item.item1 a:before{ background-image:url(../images/company/clean_tab01.png);}
	.clean-tab .tab-bx .item.item2 a:before{ background-image:url(../images/company/clean_tab02.png);}
	.clean-tab .tab-bx .item.item3 a:before{ background-image:url(../images/company/clean_tab03.png);}
	.clean-tab .tab-bx .item.item4 a:before{ background-image:url(../images/company/clean_tab04.png);}
	.clean-tab .tab-bx .item.item5 a:before{ background-image:url(../images/company/clean_tab05.png);}
	.clean-tab .tab-bx .item.item6 a:before{ background-image:url(../images/company/clean_tab06.png);}
	.clean-tab .tab-bx .item.item1.on a:before{ background-image:url(../images/company/clean_tab01.png); background-position:50% -44px;}
	.clean-tab .tab-bx .item.item2.on a:before{ background-image:url(../images/company/clean_tab02.png); background-position:50% -44px;}
	.clean-tab .tab-bx .item.item3.on a:before{ background-image:url(../images/company/clean_tab03.png); background-position:50% -44px;}
	.clean-tab .tab-bx .item.item4.on a:before{ background-image:url(../images/company/clean_tab04.png); background-position:50% -44px;}
	.clean-tab .tab-bx .item.item5.on a:before{ background-image:url(../images/company/clean_tab05.png); background-position:50% -44px;}
	.clean-tab .tab-bx .item.item6.on a:before{ background-image:url(../images/company/clean_tab06.png); background-position:50% -44px;}
	.clean-tab .tab-bx .item.on a:after{ content:""; position:absolute; bottom:0; left:0; display:block; height:1px; width:100%; background-color:#2471c8;}
	.clean-tab .tab-bx .owl-prev{ position:absolute; top:50%; left:-15px; margin-top:-12px; width:12px; height:24px; text-indent:-9999px; background:url(../images/bt_prev.png) 50% 50% no-repeat; background-size:12px 24px;}
	.clean-tab .tab-bx .owl-next{ position:absolute; top:50%; right:-15px; margin-top:-12px; width:12px; height:24px; text-indent:-9999px; background:url(../images/bt_next.png) 50% 50% no-repeat; background-size:12px 24px;}

	.clean-wr{ background-color:#f6f7fa; padding:30px 0 40px;}
	.clean-wr .inner{ width:100%; margin:0; padding:0 20px;}
	.clean-wr h3{ text-align:center; font-size:18px; color:#333; margin:0 0 18px 0;}
	.clean-wr .clean01-bx1 .thum img{ display:block;}
	.clean-wr .clean01-bx1 dl{ padding:15px; background-color:#fff; }
	.clean-wr .clean01-bx1 dl dt{ font-size:16px; color:#333; margin:0 0 5px 0;}
	.clean-wr .clean01-bx2{ display:table; margin:40px 0 0 0;}
	.clean-wr .clean01-bx2 .item{ display:table-cell; width:50%; padding:0 12px 0 0;}
	.clean-wr .clean01-bx2 .item+.item{ border-left:#eaeaea 1px solid; padding:0 0 0 12px;}
	.clean-wr .clean01-bx2 .item h4{ text-align:center; padding:50px 0 0 0; margin:0 0 20px 0; font-size:16px; color:#333; font-weight:normal; background:url(../images/company/clean01_img0201.png) 50% 0 no-repeat; background-size:40px 40px;}
	.clean-wr .clean01-bx2 .item+.item h4{ background:url(../images/company/clean01_img0202.png) 50% 0 no-repeat; background-size:45px 38px;}
	.clean-wr .clean01-bx2 .item dl{ display:block;}
	.clean-wr .clean01-bx2 .item dl dt{ display:block; vertical-align:top; width:100%; font-size:13px; color:#2471c8;}
	.clean-wr .clean01-bx2 .item dl+dl{ margin-top:15px;}
	.clean-wr .clean01-bx2 .item dl+dl dt{ color:#8ed585;}
	.clean-wr .clean01-bx2 .item dl dd{ vertical-align:top; color:#959595;}

	.clean-wr .clean02-bx2{ display:block; margin:30px 0 0 0;}
	.clean-wr .clean02-bx2 h4{ font-size:16px; color:#333; font-weight:normal; margin:0 0 20px 0;}
	.clean-wr .clean02-bx2 ul{ overflow:hidden;}
	.clean-wr .clean02-bx2 ul li{ width:50%; float:left; text-align:center; margin:0 0 15px 0;}
	.clean-wr .clean02-bx2 ul li .thum{ display:block; padding:0 30px;}
	.clean-wr .clean02-bx2 ul li .thum img{ display:block; margin:0 auto;}
	.clean-wr .clean02-bx2 ul li .tbx{ display:block; margin:10px 0 0 0; color:#333;}

	.clean03-bx1{ display:block; margin:20px 0 0;}
	.clean03-bx1 .subject{ display:block; color:#333; line-height:2.5em;}
	.clean03-bx1 .left{ display:block; width:100%; vertical-align:top; margin:0 0 15px 0;}
	.clean03-bx1 .right{ display:block; vertical-align:top; margin:0 0 0 -3%;}
	.clean03-bx1 .right .item{ float:left; width:47%;margin:0 0 15px 3%;}
	.clean03-bx2{ margin:20px 0 0 0;}
	.clean03-bx2 .inner-bx{ overflow:hidden; margin:0 0 0 -3%;}
	.clean03-bx2 .inner-bx .item{ float:left; width:47%; margin:0 0 8px 3%;}
	.clean03-bx2 .inner-bx .item img{ width:100%;}
	.clean03-bx2 .subject{ display:block; color:#333; line-height:2.5em;}

	.clean04-bx1{ margin:20px 0 0 -3%; overflow:hidden;}
	.clean04-bx1 .item{ float:left; width:47%; margin:0 0 15px 3%;}
	.clean04-bx1 .item .thum{ display:block;}
	.clean04-bx1 .item .thum img{ display:block; width:100%;}
	.clean04-bx1 .item .tbx{ display:block; margin:10px 0 0 0; }
	.clean04-bx1 .item .tbx strong{ display:block; font-size:13px; font-weight:normal; color:#333; margin:0;}

	.clean05-bx1{ margin:25px 0 0 0;}
	.clean05-bx1 .item{ padding:15px 0;}
	.clean05-bx1 .item strong{ font-size:16px; color:#333; display:block; font-weight:normal; margin:0 0 5px 0;}
	.clean05-bx1 .item em{ color:#959595; display:block;}
	.clean05-bx1 .item em span{ display:inline;}

	.clean-wr .clean01-bx1 .clean06-bx1{ margin:30px 0 0 0; padding:0; background-color:transparent; }
	.clean-wr .clean01-bx1 .clean06-bx1 dt{ font-size:16px;}
}


@media (min-width:769px) {
	.paper-lst .item:nth-child(3n+1){ clear:both;}
}

@media (max-width:768px) {
	.paper-lst .item:nth-child(2n+1){ clear:both;}
}


.com-rec{ display:table; width:100%; padding:60px 0 0 0; padding-bottom:60px;}
.com-rec.fir{ border-top:#ccc 1px solid; }
.com-rec dt{ display:table-cell; width:270px; color:#333; font-size:26px; vertical-align:top;}
.com-rec dd .people:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.com-rec dd .people img{ float:right; display:block;}
.com-rec dd .people img:first-child{ float:left;}
.com-rec dd .ul-list01 li{ display:inline-block; width:380px; font-size:16px; line-height:22px;  background-image:url(/hugreen/images/icondote.gif); background-repeat:no-repeat; background-position:0 50%; padding-left:10px;}
.rec-process .item{ position:relative; padding:30px; background-color:#fff; border:#2471c8 1px solid; border-radius:3px; color:#888;}
.rec-process .item:before{ content:""; position:absolute; background-color:#2471c8; width:1px; height:41px; top:-41px; left:40px; display:block; }
.rec-process .item:first-child:before{ display:none;}
.rec-process .item+.item{ margin-top:40px;}
.rec-process .item strong{ margin:20px 0 0 0; display:block; color:#333; font-size:20px; font-weight:normal;}
.rec-process .item>i{ display:block; text-align:right; font-size:30px; color:#2471c8; font-family:'Roboto'; background-repeat:no-repeat; background-position:0 50%; }
.rec-process .item.p1>i{ background-image:url(../images/company/rec_icon01.png);}
.rec-process .item.p2>i{ background-image:url(../images/company/rec_icon02.png);}
.rec-process .item.p3>i{ background-image:url(../images/company/rec_icon03.png);}
.rec-process .item.p4>i{ background-image:url(../images/company/rec_icon04.png);}
.rec-process .item.p5>i{ background-image:url(../images/company/rec_icon05.png);}
.rec-process .item.p6>i{ background-image:url(../images/company/rec_icon06.png);}
.rec-process.store .item.p1>i{ background-image:url(../images/vent/store_icon0101.png);}
.rec-process.store .item.p2>i{ background-image:url(../images/vent/store_icon0102.png);}
.rec-process.store .item.p3>i{ background-image:url(../images/vent/store_icon0103.png);}
.rec-process.store .item.p4>i{ background-image:url(../images/vent/store_icon0104.png);}
.rec-process.store .item.p5>i{ background-image:url(../images/vent/store_icon0105.png);}
.rec-process.store .item.p6>i{ background-image:url(../images/vent/store_icon0106.png);}
.rec-process.office .item.p1>i{ background-image:url(../images/vent/office_icon0101.png);}
.rec-process.office .item.p2>i{ background-image:url(../images/vent/office_icon0102.png);}
.rec-process.office .item.p3>i{ background-image:url(../images/vent/office_icon0103.png);}
.rec-process.office .item.p4>i{ background-image:url(../images/vent/office_icon0104.png);}
.rec-process.office .item.p5>i{ background-image:url(../images/vent/office_icon0105.png);}
.rec-process.office .item.p6>i{ background-image:url(../images/vent/office_icon0106.png);}
.com-recbx1{ border:#ddd 1px solid; background-color:#fff; padding:25px 100px; text-align:center; border-radius:3px;}
.com-rec2{ display:table; width:100%; padding:60px 0 0 0;}
.com-rec2 dt{ display:table-cell; width:270px; color:#333; font-size:26px; vertical-align:top;}
.com-rec2 dd>h4{ display:none;}

@media  (min-width:641px) and (max-width:768px) {
	.com-rec{ display:block; width:100%; padding:30px 0 0 0;}
	.com-rec.fir{ border-top:none; }
	.com-rec dt{ display:block; width:100%; text-align:center; color:#333; font-size:26px; vertical-align:top; padding:0 0 60px 0;}
	.com-rec.fir dt{ padding-top:0;}
	.com-rec dd .people:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.com-rec dd .people img{ width:48%; float:right; display:block;}
	.com-rec dd .people img:first-child{ float:left;}
	.com-rec dd .ul-list01 li{ display:inline-block; width:280px;}
	.rec-process .item{ position:relative; padding:30px; background-color:#fff; border:#2471c8 1px solid; border-radius:3px; color:#888;}
	.rec-process .item:before{ content:""; position:absolute; background-color:#2471c8; width:1px; height:41px; top:-41px; left:40px; display:block; }
	.rec-process .item:first-child:before{ display:none;}
	.rec-process .item+.item{ margin-top:40px;}
	.rec-process .item strong{ margin:20px 0 0 0; display:block; color:#333; font-size:20px; font-weight:normal;}
	.rec-process .item>i{ display:block; text-align:right; font-size:30px; color:#2471c8; font-family:'Roboto'; background-repeat:no-repeat; background-position:0 50%; }
	.rec-process .item.p1>i{ background-image:url(../images/company/rec_icon01.png);}
	.rec-process .item.p2>i{ background-image:url(../images/company/rec_icon02.png);}
	.rec-process .item.p3>i{ background-image:url(../images/company/rec_icon03.png);}
	.rec-process .item.p4>i{ background-image:url(../images/company/rec_icon04.png);}
	.rec-process .item.p5>i{ background-image:url(../images/company/rec_icon05.png);}
	.rec-process .item.p6>i{ background-image:url(../images/company/rec_icon06.png);}
	.com-recbx1{ border:#ddd 1px solid; background-color:#fff; padding:25px; text-align:center; border-radius:3px;}
}
@media (max-width:640px) {
	.com-rec{ display:block; width:100%; padding:30px 0 0 0;}
	.com-rec.fir{ border-top:none; }
	.com-rec dt{ display:block; width:100%; color:#333; font-size:17px; vertical-align:top; text-align:center; padding:0 0 30px 0;}
	.com-rec dd>h4{ display:block; margin:20px 0 5px 0; font-size:14px;}
	.com-rec dd .people:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.com-rec dd .people img{ float:none; display:block; width:90%; margin:20px auto 0;}
	.com-rec dd .people img:first-child{ float:none; margin:0 auto;}
	.com-rec dd .ul-list01 li{ display:inline-block; width:45%;}
	.com-rec dd .btn-box.l{ text-align:center !important;}
	.rec-process .item{ padding:15px; background-color:#fff; border:#2471c8 1px solid; border-radius:3px; color:#888;}
	.rec-process .item:before{ content:""; position:absolute; background-color:#2471c8; width:1px; height:21px; top:-21px; left:20px; display:block; }
	.rec-process .item:first-child:before{ display:none;}
	.rec-process .item+.item{ margin-top:20px;}
	.rec-process .item strong{ margin:5px 0 0 0; display:block; color:#333; font-size:14px; font-weight:normal;}
	.rec-process .item>i{ display:block; text-align:right; font-size:18px; color:#2471c8; font-family:'Roboto'; background-repeat:no-repeat; background-position:0 50%; background-size:18px 18px; }
	.rec-process .item.p1>i{ background-image:url(../images/company/rec_icon01.png);}
	.rec-process .item.p2>i{ background-image:url(../images/company/rec_icon02.png);}
	.rec-process .item.p3>i{ background-image:url(../images/company/rec_icon03.png);}
	.rec-process .item.p4>i{ background-image:url(../images/company/rec_icon04.png);}
	.rec-process .item.p5>i{ background-image:url(../images/company/rec_icon05.png);}
	.rec-process .item.p6>i{ background-image:url(../images/company/rec_icon06.png);}
	.com-rec2{ display:table; width:100%; padding:30px 0 0 0;}
	.com-rec2 dt{ display:block; width:100%; color:#333; font-size:17px; vertical-align:top; text-align:center; padding:0;}
	.com-rec2 dd>h4{ display:block; margin:15px 0 5px 0; font-size:14px; color:#333; font-size:14px;}
	.com-rec2 dd .rec-w1{ display:none;}
	.com-recbx1{ border:#ddd 1px solid; background-color:#fff; padding:10px 20px; text-align:center; border-radius:3px;}
}

/************************************************
	bbs
************************************************/
.sch-area{ text-align:center; margin:0 0 60px 0;}
.sch-area .selectBox{ width:150px;}
.sch-area .inp-grp{ position:relative; width:360px; margin:0 0 0 10px; display:inline-block; padding:0 23px 0 0;}
.sch-area .inputbox{ border:#f5f5f5 2px solid; background-color:#f5f5f5; width:100%; height:46px; line-height:46px; border-radius:23px 0 0 23px; }
.sch-area .bt-sch{ position:absolute; top:50%; right:0; margin-top:-23px; display:block; width:46px; height:46px; border-radius:23px; background:#8ed585 url(../images/icon_search_w.png) 50% 50% no-repeat; text-indent:-9999px; vertical-align:middle;}
@media (max-width:640px){
	.sch-area{ text-align:center; margin:0 0 30px 0; padding:0 15px;}
	.sch-area .selectBox{ width:100%; height:30px; line-height:30px; border:#d4d4d4 1px solid; border-radius:17px; margin:0 0 5px 0;}
	.sch-area .inp-grp{ position:relative; width:100%; margin:0; display:block; padding:0 23px 0 0;}
	.sch-area .inputbox{ border:#f5f5f5 2px solid; background-color:#f5f5f5; width:100%; height:34px; line-height:34px; border-radius:23px 0 0 23px; }
	.sch-area .bt-sch{ position:absolute; top:50%; right:0; margin-top:-17px; display:block; width:34px; height:34px; border-radius:23px; background:#8ed585 url(../images/icon_search_w.png) 50% 50% no-repeat; text-indent:-9999px; vertical-align:middle;}
}

.brd-bx{ background-color:#f5f6fa; padding:60px 0 100px; margin:0; border-top:#e5e5e5 1px solid;}
.brd-bx.white{ background-color:#fff;}
.brd-bx>.inner{ width:1100px; margin:0 auto;}

.tbl-hd{ font-size:14px;}
.tbl-hd>strong{ color:#2471c8;}

.tbl-hd+.tbl-bx{ margin-top:20px;}
.tbl-bx{ background-color:#fff;}
.tbl-bx .tbl-tead{ display:table; width:100%; border-top:#ccc 2px solid; border-bottom:#ccc 2px solid;}
.tbl-bx .tbl-tead>span{ display:table-cell; text-align:center; vertical-align:middle; text-align:center; font-size:14px; color:#333; padding:12px 0 11px;}
.tbl-bx span.num,
.tbl-bx span.click{ width:10%;}
.tbl-bx span.date{ width:12%;}
.tbl-bx .tbl-body .rows{ display:table; width:100%; border-bottom:#ddd 1px solid;}
.tbl-bx .tbl-body .rows>span{ display:table-cell; text-align:center; vertical-align:middle; text-align:center; font-size:14px; color:#333; padding:21px 0 20px; color:#959595;}
.tbl-bx .tbl-body .rows>span.subject{ text-align:left;}
.tbl-bx .tbl-body .rows>span.subject a{ color:#333; font-size:16px;}
.tbl-bx .tbl-body .rows>span.subject a:hover{ text-decoration:underline;}
.tbl-bx .tbl-body .rows.notice>span.subject a{ color:#2471c8;}

.view-wr{ border-top:#eaeaea 1px solid; padding:0 0 100px 0; background-color:#f6f7fa;}
.view-wr>.inner{ width:1100px; margin:0 auto;}
.vew-hd{ padding:45px 0 30px; text-align:center; border-bottom:#ccc 2px solid;}
.vew-hd>i{ display:block; color:#2471c8;}
.vew-hd>.tit{ display:block; font-size:30px; color:#333; margin:0 0 15px 0;}
.vew-hd>.tit strong{ display:block; font-weight:normal;}
.vew-hd>.date em.click:before{ content:""; display:inline-block; width:14px; height:12px; margin-right:5px; background:url(../images/icon_eyes.png) 50% 50% no-repeat; background-size:10px auto;}
.vew-con{ padding:40px 140px 70px; border-bottom:#ccc 1px solid; background-color:#fff;}
.view-wr>.inner .link-bs{ display:table; width:100%; background-color:#fff; border-bottom:#ccc 1px solid;  padding:20px;}
.view-wr>.inner .link-bs .tit-tx{ display:table-cell; border-right:#ddd 1px solid; width:88px; color:#333; vertical-align:middle;}
.view-wr>.inner .link-bs .con-tx{ display:table-cell; padding:0 0 0 20px; vertical-align:middle;}

.tbl-write{ border-top:#ccc 2px solid; background-color:#fff;}
.tbl-write>.rows{ width:100%; border-bottom:#ddd 1px solid; padding:38px 30px; display:table;}
.tbl-write>.rows>.tit-tx{ display:table-cell; width:175px; font-size:20px; color:#333; vertical-align:top;}
.tbl-write>.rows>.tit-tx>i.req{ display:inline-block; widh:20px; height:20px; background:url(../images/blt_req.png) 50% 50% no-repeat; text-indent:-9999px; vertical-align:middle;}
.tbl-write>.rows>.con-tx{ display:table-cell; text-align:left;}
.tbl-write>.rows>.con-tx .help-tx{ color:#959595; font-size:13px;}
.tbl-write>.rows .inp-w1{ width:280px;} 
.tbl-write>.rows .inp-w2{ width:180px;} 
.tbl-write>.rows .select,
.tbl-write>.rows .input,
.tbl-write>.rows label{ margin-bottom:5px;}
.tbl-write .radio-grp{ display:inline-block; margin:0 0 0 20px;}
.tbl-write .radio-grp label{ display:inline-block; font-size:14px; margin:0 15px 0 0;}

.agree-bx{ position:relative; margin-top:0; background-color:#f6f7fa; padding:30px;}
.agree-bx.bg-white{ background-color:#fff;}
.agree-bx .tit{ font-size:20px; font-weight:normal; color:#333; margin:0 0 10px 0;}
.agree-bx .tit>i.req{ display:inline-block; widh:20px; height:20px; background:url(../images/blt_req.png) 50% 50% no-repeat; text-indent:-9999px; vertical-align:middle;}
.agree-bx .right{ position:absolute; top:30px; right:30px; font-size:14px;}
.agree-bx .scroll{ border:#ddd 1px solid; padding:20px; background-color:#fff; font-size:14px; height:180px; overflow-y:auto;}

.write-bx{ background-color:#fff; border-top:#ccc 2px solid;}
.write-bx .rows{ width:100%; border-bottom:#ddd 1px solid; padding:38px 30px; display:table;}
.write-bx .rows .tit-tx{ display:table-cell; width:175px; font-size:20px; color:#333; vertical-align:top;}
.write-bx .rows .tit-tx>em{ display:block;}
.write-bx .rows .tit-tx>i.req{ display:inline-block; widh:20px; height:20px; background:url(../images/blt_req.png) 50% 50% no-repeat; text-indent:-9999px; vertical-align:middle;}
.write-bx .rows .con-tx{ display:table-cell; text-align:left;}
.write-bx .rows .help-tx{ color:#959595; font-size:0.9em; margin-top:5px; clear:both;}
.write-bx .rows .radio-grp{ margin-left:20px; display:inline-block;}

@media (min-width:1099px){
	.write-bx .rows .con-tx .input+.btn{ margin-left:5px;}
}
@media (min-width:641px) and (max-width:1000px){
	.write-bx .rows .radio-grp{ margin-left:0; display:block; padding:5px 0;}
}
.write-bx .rows .radio-grp label{ margin-right:20px;}
.write-bx .rows .file-inp{ position:relative; padding:0 45px 0 0; display:block; }
.write-bx .rows .file-inp .input{ width:100%;}
.write-bx .rows .file-inp .bt-plus{ position:absolute; top:0; right:0; background:url(../images/bt_plus.png) 50% 50% no-repeat; text-indent:-9999px; border-radius:2px; border:#ccc 1px solid; display:inline-block; width:36px; height:36px;}
.write-bx .rows .m-rows{ display:inline-block;}
.label-grp label{ width:25%; float:left; margin:0 0 20px 0; display:block; font-size:0.9em;}
.label-grp.n3 label{ width:33.3%;}
.label-grp.n1 label{ width:100%;}

table.data{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0; font-size:14px;color:#666; clear:both; table-layout:fixed; background:#fff; border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid;}
table.data thead th{ color:#333; vertical-align:middle; text-align:center; padding:12px 0 11px; font-weight:normal; border-bottom:#ccc 1px solid; background-color:#f9f9f9; border-right:#ddd 1px solid; }
table.data thead th:last-child{ } /*border-right:none;*/
table.data tbody th{ color:#333; vertical-align:middle; text-align:center; padding:12px 5px 11px; font-weight:normal; border-bottom:#ccc 1px solid; border-right:#ddd 1px solid; background-color:#f9f9f9; }
table.data tbody td{ color:#666; vertical-align:middle; text-align:center; padding:12px 10px 11px; font-weight:normal; border-bottom:#ccc 1px solid; border-right:#ddd 1px solid; }
table.data tbody td:last-child{ } /*border-right:none;*/
table.data tbody td.brd-r{ border-right:#ddd 1px solid;}
table.data tbody td .ul-area li{ text-indent:-50px; padding:0 0 0 50px;}
table.data tbody td .ul-area li:before{ content:""; width:3px; height:3px; border-radius:50%;background-color:#757575; display:inline-block; margin:0 8px 0 0; vertical-align:middle;}

@media (min-width:769px){
	table.data.vis-pc{ display:table;}
}
table.data.rec-data{ border-top:none;}
table.data.rec-data thead{ display:none;}
table.data .rec-w1{ width:100px;}
table.data .rec-w2{ width:20%;}
table.data td.rec-w3{ text-align:left;}
table.data .rec-w4{ width:28%;}
table.data td.rec-w3,
table.data td.rec-w4{ text-align:left;}
table.data .store-w1{ width:50%;}
table.data .store-w2{ width:25%;}
table.data .store-w3{ width:25%;}
table.data td.store-w1{ text-align:left;}
table.data .system-w1{ width:25%;}
table.data .system-w2{ width:25%;}
table.data .system-w3{ width:50%;}
@media (max-width:640px){
	table.data.rec-data{ border-top:#ccc 1px solid; }
	table.data.rec-data thead{ display:table-row-group; width:100%;}
	table.data.rec-data thead tr{ width:100%;}
	table.data .rec-w1{ display:none;}
	table.data .rec-w2{ width:25%;}
	table.data td.rec-w3{ width:35%; text-align:left;}
	table.data .rec-w4{ width:30%;}
	table.data td.rec-w3{ text-align:left;}
	table.data td.rec-w4{ text-align:left;}
	table.data .rec-w1{ display:none;}
	table.data .store-w1{ width:40%;}
	table.data .store-w2{ width:30%;}
	table.data .store-w3{ width:30%;}
	table.data td.store-w1{ text-align:left;}
}

@media (min-width:641px){
	.rows .p-1{ width:8.333%;}
	.rows .p-2{ width:16.666%;}
	.rows .p-3{ width:24.999%;}
	.rows .p-4{ width:33.2%;}
	.rows .p-5{ width:41.665%;}
	.rows .p-6{ width:49.998%;}
	.rows .p-7{ width:58.331%; }
	.rows .p-8{ width:66.664%; }
	.rows .p-12{ display:block !important; width:100% !important;}
}

@media (min-width:769px) and (max-width:1099px) {	
	.brd-bx>.inner{ width:100%; margin:0; padding:0 15px;}
}

@media (max-width:768px) {	
	.brd-bx{ padding:30px 0 60px; margin:0;}
	.brd-bx>.inner{ width:100%; margin:0; padding:0 15px;}

	.tbl-hd+.tbl-bx{ margin-top:5px;}
	.tbl-bx{ border-top:#ddd 2px solid;}
	.tbl-bx .tbl-tead,
	.tbl-bx span.num{ display:none;}
	.tbl-bx span.num,
	.tbl-bx span.click,
	.tbl-bx span.date{ width:auto;}
	.tbl-bx .tbl-body .rows{ position:relative; display:block; width:100%; border-bottom:#ddd 1px solid; padding:12px 10px;}
	.tbl-bx .tbl-body .rows>span{ display:inline-block; text-align:center; vertical-align:middle; text-align:center; font-size:12px; color:#333; padding:0; color:#959595;}
	.tbl-bx .tbl-body .rows>span.num{ display:none;}
	.tbl-bx .tbl-body .rows.notice>span.num{ position:absolute; top:12px; left:10px; display:inline-block; width:auto;}
	.tbl-bx .tbl-body .rows>span.subject{ text-align:left; display:block; margin:0 0 5px 0;}
	.tbl-bx .tbl-body .rows.notice>span.subject{ padding-left:40px;}
	.tbl-bx .tbl-body .rows>span.subject a{ color:#333; font-size:13px;}
	.tbl-bx .tbl-body .rows>span.subject a strong{ display:block;}
	.tbl-bx .tbl-body .rows.notice>span.subject a{ color:#2471c8;}
	.tbl-bx .tbl-body .rows>span.date{ position:relative; margin-right:8px; padding:0 8px 0 0;}
	.tbl-bx .tbl-body .rows>span.date:after{ content:""; position:absolute; width:1px; height:8px; background:#eaeaea; top:50%; right:0; margin-top:-4px; display:block;}
	.tbl-bx .tbl-body .rows>span.click{ position:relative;}
	.tbl-bx .tbl-body .rows>span.click:before{ content:""; display:inline-block; width:14px; height:12px; margin-right:5px; background:url(../images/icon_eyes.png) 50% 50% no-repeat; background-size:10px auto;}

	.view-wr{ border-top:#eaeaea 1px solid; padding:0 0 100px 0;}
	.view-wr>.inner{ width:100%; margin:0; padding:0 20px;}
	.vew-hd{ padding:30px 0 18px; text-align:center; border-bottom:#ccc 1px solid;}
	.vew-hd>.tit{ display:block; font-size:18px; margin:0 0 15px 0;}
	.vew-hd>.date{ font-size:11px;}
	.vew-con{ padding:20px 15px 35px; border-bottom:#ccc 1px solid;}
	.view-wr>.inner .link-bs{ display:table; width:100%; background-color:#fff; border-bottom:#ccc 1px solid;  padding:14px;}
	.view-wr>.inner .link-bs .tit-tx{ display:table-cell; border-right:#ddd 1px solid; width:66px; color:#333;}
	.view-wr>.inner .link-bs .con-tx{ display:table-cell; padding:0 0 0 10px; word-break:break-all ;}

	.tbl-write{ margin:0 15px;}
	.tbl-write>.rows{ display:block; padding:15px 15px 10px 15px; border-bottom:#eaeaea 1px solid; width:100%;}
	.tbl-write>.rows>.tit-tx{ display:block; font-size:14px; vertical-align:middle; padding:4px 0;}
	.tbl-write>.rows>.tit-tx>i.req{ display:inline-block; widh:20px; height:20px; background:url(../images/blt_req.png) 50% 50% no-repeat; text-indent:-9999px; vertical-align:middle;}
	.tbl-write>.rows>.con-tx{  display:block; text-align:left; padding:4px 0;}
	.tbl-write>.rows>.con-tx .help-tx{ color:#959595; font-size:11px;}
	.tbl-write>.rows .inp-w1{ width:100%;} 
	.tbl-write>.rows .inp-w2{ width:40%;} 
	.tbl-write>.rows .inp-w3{ width:28%;} 
	.tbl-write>.rows .select,
	.tbl-write>.rows .input,
	.tbl-write>.rows label{ margin-bottom:5px;}
	.tbl-write .radio-grp{ display:inline-block; margin:0 0 0 20px;}
	.tbl-write .radio-grp label{ display:inline-block; font-size:14px; margin:0 15px 0 0;}

	.agree-bx{ position:relative; margin:0 15px; background-color:#f6f7fa; padding:14px 15px;}
	.brd-bx .agree-bx{ margin:0;}
	.agree-bx .tit{ font-size:14px; color:#333; margin:0 0 10px 0;}
	.agree-bx .right{ position:absolute; top:14px; right:15px; font-size:14px;}
	.agree-bx .scroll{ padding:10px; font-size:12px; height:160px;}

	
}

@media (max-width:640px) {
	.write-bx .rows{ padding:15px; display:block;}
	.write-bx .rows:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.write-bx .rows .tit-tx{ display:block; font-size:14px; vertical-align:middle; float:left; padding:4px 0;}
	.write-bx .rows .tit-tx>em{ display:inline-block;}
	.write-bx .rows .tit-tx>i.req{ display:inline-block; widh:20px; height:20px; background:url(../images/blt_req.png) 50% 50% no-repeat; text-indent:-9999px; vertical-align:middle;}
	.write-bx .rows .con-tx{ display:block; float:left; text-align:left; padding:4px 0;}
	.write-bx .rows .help-tx{ color:#959595; font-size:0.9em; margin-top:5px;}
	.write-bx .rows .radio-grp{ margin-left:20px;}
	.write-bx .rows .radio-grp label{ margin-right:20px;}
	.write-bx .rows .file-inp{ position:relative; padding:0; display:block; }
	.write-bx .rows .file-inp .input{ width:100%;}
	.write-bx .rows .file-inp .bt-plus{ position:absolute; top:-34px; right:0; background:url(../images/bt_plus.png) 50% 50% no-repeat; text-indent:-9999px; border-radius:2px; border:#ccc 1px solid; display:inline-block; width:30px; height:30px;}
	.write-bx .rows .mrows{ display:block;}
	.write-bx .rows .mrows:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.rows [class^="m-"],
	.rows [class*="m-"]{ line-height:30px; min-height:30px; margin-bottom:5px;}
	.rows .m-1{ display:block; float:left; width:8.333% !important; }
	.rows .m-2{ display:block; float:left; width:16.666% !important;}
	.rows .m-3{ display:block; float:left; width:24.999% !important;}
	.rows .m-4{ display:block; float:left; width:33.2% !important;}
	.rows .m-5{ display:block; float:left; width:41.665% !important;}
	.rows .m-6{ display:block; float:left; width:49.998% !important;}
	.rows .m-7{ display:block; float:left; width:58.331% !important;}
	.rows .m-8{ display:block; float:left; width:66.664% !important; }
	.rows .m-9{ display:block; float:left; width:74.997% !important; }
	.rows .m-10{ display:block; float:left; width:83.333% !important; }
	.rows .m-11{ display:block; float:left; width:91.663% !important; }
	.rows .m-12{ display:block; float:left; width:100%; margin-left:0 !important; margin-right:0 !importanti;}
	.label-grp label{ width:50%; float:left; margin:0 0 10px 0; display:block; font-size:0.9em;}
	.label-grp.n3 label{ width:50%;}
	.label-grp.n1 label{ width:100%;}

	table.data{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0; font-size:12px;color:#666; clear:both; table-layout:fixed; background:#fff; border-top:#ccc 1px solid;  border-left:#ccc 1px solid; border-right:#ccc 1px solid;}
	table.data thead th{ color:#333; vertical-align:middle; text-align:center; padding:8px 0 7px; font-weight:normal; border-bottom:#ccc 1px solid; background-color:#f9f9f9; border-right:#ddd 1px solid; }
	table.data thead th:last-child{ border-right:none;}
	table.data tbody td{ color:#333; vertical-align:middle; text-align:center; padding:8px 5px 7px; font-weight:normal; border-bottom:#ccc 1px solid; border-right:#ddd 1px solid; }
	table.data tbody td:last-child{ border-right:none;}
	table.data tbody td.brd-r{ border-right:#ddd 1px solid; }
	table.data tbody td .ul-area li{ text-indent:-40px; padding:0 0 0 40px;}
	table.data tbody td .ul-area li:before{ content:""; width:3px; height:3px; border-radius:50%;background-color:#757575; display:inline-block; margin:0 4px 0 0; vertical-align:middle;}
}

table.list{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0; color:#666; clear:both; table-layout:fixed; background:#fff; border-top:#ccc 2px solid;}
table.list thead th{ border-bottom:#ddd 1px solid; text-align:center; padding:10px 0; font-size:14px; font-weight:normal;}
table.list tbody td{ border-bottom:#ddd 1px solid; text-align:center; padding:16px 0;}
table.list .myc-th1{ width:18%;}
table.list .myc-th3{ width:12%;}
table.list .myc-th4{ width:12%;}
table.list .myc-th5{ width:10%;}
table.list .myc-td2{ text-align:left;}
@media (max-width:640px) {
	table.list{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0; color:#666; clear:both; table-layout:fixed; background:#fff; border-top:#ccc 2px solid;}
	table.list thead,
	table.list thead th{ display:none; }
	table.list tbody tr{ position:relative; display:block; padding:15px 15px 15px 70px; border-bottom:#ddd 1px solid; }
	table.list tbody td{ border-bottom:none; text-align:left; padding:0; display:block;}
	table.list .myc-td5{ position:absolute; top:50%; left:15px; margin-top:-23px; width:46px; height:46px;}
	table.list .myc-td2{ text-align:left;}
	table.list .myc-td2 a{ display:block; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:1.1em;}
	table.list .myc-td3,
	table.list .myc-td4{ display:inline-block; color:#959595; font-size:0.85em;}
	table.list .myc-td4{ position:relative; margin:0 0 0 6px; padding:0 0 0 6px;}
	table.list .myc-td4:after{ content:""; position:absolute; top:50%; left:0; margin-top:-4px; width:1px; height:6px; background-color:#959595; display:block; }
	table.list .myc-td3:before{ content:"접수일 ";}
	table.list .myc-td4:before{ content:"답변일 ";}
}

table.menu{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0; color:#666; clear:both; table-layout:fixed; background:#fff; border-top:#ccc 2px solid;}
table.menu thead th{ border-bottom:#ddd 1px solid; text-align:center; padding:10px 0; font-size:14px; font-weight:normal;}
table.menu tbody td{ border-bottom:#ddd 1px solid; padding:10px 0 10px 16px;}
table.menu .myc-th1{ width:40%;}
table.menu .myc-td2{ width:10%; text-align:left;}
table.menu .myc-th3{ width:40%;}
table.menu .myc-th4{ width:10%; text-align:left;}
table.menu .tit {text-align:center; background-color:#eee;  font-weight:700;}
table.menu .tit1 {text-align:center; background-color:#eee;border-right:#ddd 1px solid;font-weight:700; }
table.menu .price {text-align:right; padding-right:35px;}
table.menu .pricedc {text-decoration:line-through; color:#ff0000}

@media (max-width:640px) {
	table.menu{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0; color:#666; clear:both; table-layout:fixed; background:#fff; border-top:#ccc 2px solid;}
	table.menu thead,
	table.menu thead th{ display:none; }
	table.menu tbody tr{ position:relative; display:block; padding:15px 15px 15px 70px; border-bottom:#ddd 1px solid; }
	table.menu tbody td{ border-bottom:none; text-align:left; padding:0; display:block;}
	table.menu .myc-td5{ position:absolute; top:50%; left:15px; margin-top:-23px; width:46px; height:46px;}
	table.menu .myc-td2{ text-align:left;}
	table.menu .myc-td2 a{ display:block; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:1.1em;}
	table.menu .myc-td3,
	table.menu .myc-td4{ display:inline-block; color:#959595; font-size:0.85em;}
	table.menu .myc-td4{ position:relative; margin:0 0 0 6px; padding:0 0 0 6px;}
	table.menu .myc-td4:after{ content:""; position:absolute; top:50%; left:0; margin-top:-4px; width:1px; height:6px; background-color:#959595; display:block; }
	table.menu .myc-td3:before{ content:"접수일 ";}
	table.menu .myc-td4:before{ content:"답변일 ";}
}


.view-bx{ border-top:#ccc 2px solid;}
.view-bx>.rows{ display:table; width:100%; }
.view-bx>.rows>.tit-tx{ display:table-cell; width:14%; padding:26px 0 26px 30px;  border-bottom:#ddd 1px solid; background-color:#f9f9f9; color:#333;}
.view-bx>.rows>.con-tx{ display:table-cell; padding:26px 30px;  border-bottom:#ddd 1px solid; background-color:#fff;}
.view-bx .rows-grp{ display:block; width:100%;}
.view-bx .rows-grp>.rows{ display:table; width:50%; float:left;}
.view-bx .rows-grp>.rows .tit-tx{ display:table-cell; width:28%; padding:26px 0 26px 30px;  border-bottom:#ddd 1px solid; background-color:#f9f9f9; color:#333;}
.view-bx .rows-grp>.rows .con-tx{ display:table-cell; padding:26px 30px;  border-bottom:#ddd 1px solid; background-color:#fff;}
@media (max-width:640px) {
	.view-bx{ border-top:#ccc 2px solid;}
	.view-bx>.rows{ display:table; width:100%; }
	.view-bx>.rows>.tit-tx{ display:table-cell; width:28%; padding:12px 0 12px 15px;  border-bottom:#ddd 1px solid; background-color:#f9f9f9; color:#333;}
	.view-bx>.rows>.con-tx{ display:table-cell; padding:12px 15px;  border-bottom:#ddd 1px solid; background-color:#fff;}
	.view-bx .rows-grp{ display:block; width:100%;}
	.view-bx .rows-grp>.rows{ display:table; width:100%; float:left;}
	.view-bx .rows-grp>.rows .tit-tx{ display:table-cell; width:28%; padding:12px 0 12px 15px;  border-bottom:#ddd 1px solid; background-color:#f9f9f9; color:#333;}
	.view-bx .rows-grp>.rows .con-tx{ display:table-cell; padding:12px 15px;  border-bottom:#ddd 1px solid; background-color:#fff;}
}

/************************************************
	고객지원
************************************************/
.tab-tx .mn a{ position:relative; white-space:nowrap; display:block; text-align:center; vertical-align:top; line-height:1; height:44px;}
.tab-tx .mn.on a{ position:relative; color:#2471c8;}
.tab-tx .mn.on a:after{ content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#2471c8; }

.faq-wr{ border-top:#ccc 2px solid; background-color:#fff;}
.faq-wr dt{ position:relative; padding:25px 70px; border-bottom:#ddd 1px solid; }
.faq-wr dt button{ font-size:16px; color:#333; width:100%; text-align:left; display:block; cursor:pointer;} 
.faq-wr dt:after{ content:""; position:absolute; display:block; top:50%; right:30px; margin-top:-4px; width:14px; height:8px; background:url(../images/blt_down.png) 50% 50% no-repeat;}
.faq-wr .blt{ position:absolute; width:70px; text-align:center; top:25px; left:0; display:block; font-size:20px; color:#333; font-family:'Roboto'; line-height:1;}
.faq-wr dd{ position:relative; font-size:14px; padding:20px 70px; border-bottom:#ddd 1px solid;}
.faq-wr dd .blt{ color:#8ed585;}
.faq-wr dt.active{ border-bottom:#2471c8 1px solid;}
.faq-wr dt.active:after{ background:url(../images/blt_up.png) 50% 50% no-repeat;}
.faq-wr dt.active button{ color:#2471c8;}
.faq-wr dt.active .blt{ color:#2471c8;}

.voice-hd{ border:#ddd 5px solid; padding:45px 30px;}
.voice-hd:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.voice-hd>div{ position:relative; float:left; width:50%; height:160px; padding:0 50px 0 240px;}
.voice-hd>div .tit{ line-height:1; font-size:20px; color:#333; padding:25px 0 15px;}
.voice-hd>div .tel{ color:#2471c8; font-size:38px; line-height:1;}
.voice-hd>div .tx2{ color:#959595; font-size:14px; line-height:1; margin:10px 0 0 0;}
.voice-hd>div:last-child{ border-left:#eaeaea 1px solid;}
.voice-hd>div:before{ content:""; position:absolute; top:50%; left:50px; margin:-75px 0 0 0; background-color:#fff; background-position:50% 50%; background-repeat:no-repeat; border-radius:50%; width:150px; height:150px; display:block;}
.voice-hd>div.call:before{ background-image:url(../images/customer/voice_icon01.png);}
.voice-hd>div.online:before{ background-image:url(../images/customer/voice_icon02.png);}

.voice-link{ margin:30px 0 0 -16px;}
.voice-link:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.voice-link>div{ width:356px; float:left; margin:0 0 15px 16px; text-align:center; }
.voice-link>div strong{ line-height:1; font-size:20px; color:#333; display:block; font-weight:normal; vertical-align:middle; margin:0 0 10px 0;}
.voice-link>div strong:after{ content:""; width:20px; height:16px; display:inline-block; vertical-align:middle; background:url(../images/customer/blt_right.png) 50% 50% no-repeat;}
.voice-link>div a{ display:block; padding:185px 0 0 0; height:356px; font-size:14px; color:#959595;}
.voice-link>div.m1 a{ background:#fff url(../images/customer/voice_icon0301.png) 50% 106px no-repeat;}
.voice-link>div.m2 a{ background:#fff url(../images/customer/voice_icon0302.png) 50% 106px no-repeat;}
.voice-link>div.m3 a{ background:#fff url(../images/customer/voice_icon0303.png) 50% 106px no-repeat;}
.voice-link.inq>div.m1 a{ background:#fff url(../images/customer/inq_icon0101.png) 50% 106px no-repeat;}
.voice-link.inq>div.m2 a{ background:#fff url(../images/customer/inq_icon0102.png) 50% 106px no-repeat;}
.voice-link.inq>div.m3 a{ background:#fff url(../images/customer/inq_icon0103.png) 50% 106px no-repeat;}
.voice-link.grp>div.m1 a{ background:#fff url(../images/info/group_icon01.png) 50% 106px no-repeat;}
.voice-link.grp>div.m2 a{ background:#fff url(../images/info/group_icon02.png) 50% 106px no-repeat;}
.voice-link.grp>div.m3 a{ background:#fff url(../images/info/group_icon03.png) 50% 106px no-repeat;}
.voice-link.grp>div.m4 a{ background:#fff url(../images/info/group_icon04.png) 50% 106px no-repeat;}
.voice-link.grp>div.m5 a{ background:#fff url(../images/info/group_icon05.png) 50% 106px no-repeat;}
.voice-link.grp>div.m6 a{ background:#fff url(../images/info/group_icon06.png) 50% 106px no-repeat;}
@media (min-width:1100px) {
	.voice-link>div.m1 a:hover{ background:#2471c8 url(../images/customer/voice_icon0301_on.png) 50% 106px no-repeat;}
	.voice-link>div.m2 a:hover{ background:#2471c8 url(../images/customer/voice_icon0302_on.png) 50% 106px no-repeat;}
	.voice-link>div.m3 a:hover{ background:#2471c8 url(../images/customer/voice_icon0303_on.png) 50% 106px no-repeat;}
	.voice-link.inq>div.m1 a:hover{ background:#2471c8 url(../images/customer/inq_icon0101_on.png) 50% 106px no-repeat;}
	.voice-link.inq>div.m2 a:hover{ background:#2471c8 url(../images/customer/inq_icon0102_on.png) 50% 106px no-repeat;}
	.voice-link.inq>div.m3 a:hover{ background:#2471c8 url(../images/customer/inq_icon0103_on.png) 50% 106px no-repeat;}
	.voice-link.grp>div.m1 a:hover{ background:#2471c8 url(../images/info/group_icon01_on.png) 50% 106px no-repeat;}
	.voice-link.grp>div.m2 a:hover{ background:#2471c8 url(../images/info/group_icon02_on.png) 50% 106px no-repeat;}
	.voice-link.grp>div.m3 a:hover{ background:#2471c8 url(../images/info/group_icon03_on.png) 50% 106px no-repeat;}
	.voice-link.grp>div.m4 a:hover{ background:#2471c8 url(../images/info/group_icon04_on.png) 50% 106px no-repeat;}
	.voice-link.grp>div.m5 a:hover{ background:#2471c8 url(../images/info/group_icon05_on.png) 50% 106px no-repeat;}
	.voice-link.grp>div.m6 a:hover{ background:#2471c8 url(../images/info/group_icon06_on.png) 50% 106px no-repeat;}
	.voice-link>div a:hover{ color:#c8dbf1;}
	.voice-link>div a:hover strong{ color:#fff;}
	.voice-link>div a:hover strong:after{ background:url(../images/customer/blt_right_on.png) 50% 50% no-repeat;}
}

.declare-bx01 .tx01{ padding:0 0 60px; text-align:center; color:#888; border-bottom:#ccc 1px solid;}
.declare-bx01 .tx01 strong{ color:#333; font-size:34px; display:block; font-weight:normal;}
.declare-bx01 dl{ position:relative; padding:0 0 0 270px; margin:60px 0 0 0;}
.declare-bx01 dl dt{ position:absolute; top:0; left:0; font-size:26px; color:#333;}
.declare-bx01 dl dd .item{ position:relative; padding:30px; background-color:#fff; border:#2471c8 1px solid; border-radius:3px; color:#888;}
.declare-bx01 dl dd .item:before{ content:""; position:absolute; background-color:#2471c8; width:1px; height:41px; top:-41px; left:40px; display:block; }
.declare-bx01 dl dd .item:first-child:before{ display:none;}
.declare-bx01 dl dd .item+.item{ margin-top:40px;}
.declare-bx01 dl dd .item strong{ margin:20px 0 0 0; display:block; color:#333; font-size:20px; font-weight:normal;}
.declare-bx01 dl dd .item>i{ display:block; text-align:right; font-size:30px; color:#2471c8; font-family:'Roboto'; background-repeat:no-repeat; background-position:0 50%; }
.declare-bx01 dl dd .item.p1>i{ background-image:url(../images/customer/declare_icon01.png);}
.declare-bx01 dl dd .item.p2>i{ background-image:url(../images/customer/declare_icon02.png);}
.declare-bx01 dl dd .item.p3>i{ background-image:url(../images/customer/declare_icon03.png);}
.declare-bx01 dl dd .item.p4>i{ background-image:url(../images/customer/declare_icon04.png);}
.declare-bx01 dl dd .tx02{ margin:40px 0 0 0; color:#959595; font-szie:0.8em;}
.declare-bx02 .tx01{ padding:0 0 60px; text-align:center; color:#888;}
.declare-bx02 .tx01 strong{ color:#333; font-size:34px; display:block; font-weight:normal;}
.declare-bx02 .tx02{ padding:100px 0 60px; text-align:center; color:#888; border-bottom:#ccc 1px solid;}
.declare-bx02 .tx02 strong{ color:#333; font-size:34px; display:block; font-weight:normal;}

.inq-tx01{ font-size:0.8em; margin:20px 0 0 0; color:#999;}
.cmt-bx{ border-radius:3px; padding:30px; border:#2471c8 1px solid; background-color:#fff;}
.cmt-bx dt{ background:url(../images/customer/icon_cmt.png) 0 50% no-repeat; font-size:20px; color:#2471c8; padding:0 0 0 40px; margin:0 0 10px 0; }
.cmt-bx+.poll-tbl{ margin-top:40px;}
.cmt-bx.nobx{ border:none; padding:0;}
.cmt-bx dd{ color:#888;}
.cmt-bx dd>ul>li{ color:#888;}

.poll-bx .tx01{ font-size:34px; color:#333; padding:0 0 60px 0; text-align:center;}
.poll-bx .tx01 strong{ display:block;}
.poll-bx .tx02{ padding:100px 0 40px 0; text-align:center; border-bottom:#ccc 1px solid;}
.poll-bx .tx02 strong{ font-size:34px; color:#333;  display:block; font-weight:normal;}

.poll-tbl{ border-top:#ccc 2px solid; background-color:#fff; }
.poll-tbl .rows{ width:100%; display:table; border-bottom:#ccc 1px solid;}
.poll-tbl .rows .tit-tx{ display:table-cell; width:160px; color:#333; padding:25px 0 25px 30px; background-color:#f9f9f9; vertical-align:top;}
.poll-tbl .rows .con-tx{ display:table-cell; padding:25px 30px; }

.recruit-w1{ width:15%;}
.recruit-w2{ width:20%;}

.pop-shop .p-shop-hd{ text-align:center; margin:0 0 20px 0;}
.pop-shop .paging{ margin-top:20px;}
.pop-shop .p-shop-w1{ width:30%;}
.pop-shop td.p-shop-w2{ text-align:left;}
.pop-shop .p-shop-w3{ width:15%;}

@media (min-width:1100px) {
	.tab-tx{ width:1100px; margin:0 auto; text-align:center;}
	.tab-tx .mn{ padding:0 20px; display:inline-block;}
	.tab-tx .mn a{ padding:0 5px 20px;}
}

@media (min-width:769px) and (max-width:1099px) {
	.tab-tx{ width:100%; margin:0; text-align:center;}
	.tab-tx .mn{ padding:0 20px; display:inline-block;}
	.tab-tx .mn a{ padding:0 5px 20px; }
		
	.voice-hd{ border:#ddd 5px solid; padding:45px 15px;}
	.voice-hd>div{ position:relative; float:left; width:50%; height:160px; padding:0 20px 0 210px;}
	.voice-hd>div:before{ content:""; position:absolute; top:50%; left:30px; margin:-75px 0 0 0; background-color:#fff; background-position:50% 50%; background-repeat:no-repeat; border-radius:50%; width:150px; height:150px; display:block;}

	.voice-link{ margin:30px 0 0 -2.3%;}
	.voice-link>div{ width:31%; float:left; margin:0 0 0 2.3%; }
}

@media (max-width:768px) {
	.tab-tx{ width:100%; margin:0; padding:0 15px;}
	.tab-tx .mn{ padding:0 10px;}
	.tab-tx .mn a{ padding:0 5px 15px; height:32px;}

	.faq-wr dt{ padding:15px 35px 15px 25px;}
	.faq-wr dt button{ font-size:13px;} 
	.faq-wr dt:after{ right:10px; margin-top:-4px; width:14px; height:8px; background:url(../images/blt_down.png) 50% 50% no-repeat;}
	.faq-wr .blt{ width:25px; text-align:center; top:17px;font-size:13px;}
	.faq-wr dd{  font-size:13px; padding:15px 35px 15px 25px; }
	.faq-wr dt.active{ border-bottom:#2471c8 1px solid;}
	.faq-wr dt.active:after{ background:url(../images/blt_up.png) 50% 50% no-repeat;}
	
	.voice-hd{ border:#ddd 2px solid; padding:0 16px;}
	.voice-hd>div{ position:relative; float:none; width:100%; height:auto; padding:23px 0 23px 92px;}
	.voice-hd>div .tit{ line-height:1; font-size:17px; color:#333; padding:0 0 10px;}
	.voice-hd>div .tel{ color:#2471c8; font-size:23px; line-height:1;}
	.voice-hd>div .tx2{ color:#959595; font-size:10px; line-height:1; margin:10px 0 0 0;}
	.voice-hd>div:last-child{ border-left:none; border-top:#eaeaea 1px solid;}
	.voice-hd>div:before{ content:""; position:absolute; top:50%; left:0; margin:-38px 0 0 0; background-color:#fff; background-position:50% 50%; background-repeat:no-repeat; border-radius:50%; width:75px; height:75px; display:block;}
	.voice-hd>div.call:before{ background-image:url(../images/customer/voice_icon01.png); background-size:32px auto;}
	.voice-hd>div.online:before{ background-image:url(../images/customer/voice_icon02.png); background-size:42px auto;}

	.voice-link{ margin:15px 0 0 0;}
	.voice-link:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.voice-link>div{ position:relative; width:100%; float:none; margin:0; text-align:left; }
	.voice-link>div+div{ margin-top:10px;}
	.voice-link>div strong{ line-height:1; font-size:17px; color:#333; display:block; font-weight:normal; vertical-align:middle; margin:0 0 10px 0; padding:0 0 0 44px;}
	.voice-link>div strong:after{ content:""; position:absolute; top:50%; right:20px; margin-top:-12px; width:13px; height:23px; display:inline-block; vertical-align:middle; background:url(../images/customer/blt_right_lg.png) 50% 50% no-repeat; background-size:13px 23px;}
	.voice-link>div a{ display:block; padding:15px 17px; height:auto; font-size:12px; color:#959595;}
	.voice-link>div.m1 a{ background:#fff url(../images/customer/voice_icon0301.png) 17px 13px no-repeat; background-size:auto 24px;}
	.voice-link>div.m2 a{ background:#fff url(../images/customer/voice_icon0302.png) 17px 13px no-repeat; background-size:auto 24px;}
	.voice-link>div.m3 a{ background:#fff url(../images/customer/voice_icon0303.png) 17px 13px no-repeat; background-size:auto 24px;}
	.voice-link>div a{ padding:15px 17px 15px 60px;}
	.voice-link>div strong{ padding:0;}
	.voice-link.inq>div.m1 a{ background:#fff url(../images/customer/inq_icon0101.png) 17px 50% no-repeat; background-size:auto 30px;}
	.voice-link.inq>div.m2 a{ background:#fff url(../images/customer/inq_icon0102.png) 17px 50% no-repeat; background-size:auto 30px;}
	.voice-link.inq>div.m3 a{ background:#fff url(../images/customer/inq_icon0103.png) 17px 50% no-repeat; background-size:auto 30px;}
	.voice-link.grp>div.m1 a{ background:#fff url(../images/info/group_icon01.png) 17px 50% no-repeat; background-size:auto 30px;}
	.voice-link.grp>div.m2 a{ background:#fff url(../images/info/group_icon02.png) 17px 50% no-repeat; background-size:auto 30px;}
	.voice-link.grp>div.m3 a{ background:#fff url(../images/info/group_icon03.png) 17px 50% no-repeat; background-size:auto 30px;}
	.voice-link.grp>div.m4 a{ background:#fff url(../images/info/group_icon04.png) 17px 50% no-repeat; background-size:auto 30px;}
	.voice-link.grp>div.m5 a{ background:#fff url(../images/info/group_icon05.png) 17px 50% no-repeat; background-size:auto 30px;}
	.voice-link.grp>div.m6 a{ background:#fff url(../images/info/group_icon06.png) 17px 50% no-repeat; background-size:auto 30px;}

	.declare-bx01 .tx01{ padding:0 0 25px; text-align:center; color:#888; border-bottom:#ccc 1px solid;}
	.declare-bx01 .tx01 strong{ font-size:20px;}
	.declare-bx01 .tx01 strong span{ display:inline-block;}
	.declare-bx01 dl{ position:relative; padding:0; margin:0;}
	.declare-bx01 dl dt{ position:relative; top:auto; left:auto; font-size:17px; color:#333; padding:25px 0; text-align:center; display:block;}
	.declare-bx01 dl dd .item{ padding:15px; background-color:#fff; border:#2471c8 1px solid; border-radius:3px; color:#888;}
	.declare-bx01 dl dd .item:before{ content:""; position:absolute; background-color:#2471c8; width:1px; height:21px; top:-21px; left:20px; display:block; }
	.declare-bx01 dl dd .item+.item{ margin-top:20px;}
	.declare-bx01 dl dd .item strong{ margin:10px 0 0 0; display:block; color:#333; font-size:14px; font-weight:normal;}
	.declare-bx01 dl dd .item>i{ display:block; text-align:right; font-size:18px; color:#2471c8; font-family:'Roboto'; background-repeat:no-repeat; background-position:0 50%; background-size:18px 18px; }
	.declare-bx01 dl dd .item.p1>i{ background-image:url(../images/customer/declare_icon01.png);}
	.declare-bx01 dl dd .item.p2>i{ background-image:url(../images/customer/declare_icon02.png);}
	.declare-bx01 dl dd .item.p3>i{ background-image:url(../images/customer/declare_icon03.png);}
	.declare-bx01 dl dd .item.p4>i{ background-image:url(../images/customer/declare_icon04.png);}
	.declare-bx01 dl dd .tx02{ margin:15px 0 0 0; color:#959595; font-szie:0.8em;}
	.declare-bx02 .tx01{ padding:0 0 30px; text-align:center; color:#888;}
	.declare-bx02 .tx01 strong{ color:#333; font-size:20px; display:block; font-weight:normal;}
	.declare-bx02 .tx02{ padding:50px 0 30px; text-align:center; color:#888; border-bottom:#ccc 1px solid;}
	.declare-bx02 .tx02 strong{ color:#333; font-size:20px; display:block; font-weight:normal;}

	.inq-mobile h4{ text-align:center; font-size:17px; margin:30px 0 5px;}
	.inq-mobile h5{  font-size:14px; color:#333; margin:20px 0 5px;}

	.poll-bx .tx01{ font-size:20px; color:#333; padding:0 0 25px 0; text-align:center;}
	.poll-bx .tx02{ padding:30px 0 20px 0; text-align:center; border-bottom:#ccc 1px solid;}
	.poll-bx .tx02 strong{ font-size:20px; color:#333;  display:block; font-weight:normal;}

	.poll-tbl{ border-top:#ccc 2px solid; background-color:#fff; }
	.poll-tbl .rows{ width:100%; display:table; border-bottom:#ccc 1px solid;}
	.poll-tbl .rows .tit-tx{ display:table-cell; width:85px; color:#333; padding:10px 0 10px 15px; background-color:#f9f9f9; vertical-align:top;}
	.poll-tbl .rows .con-tx{ display:table-cell; padding:10px; }

	.recruit-w1{ width:20%;}
	.recruit-w2{ width:28%;}
}
@media (max-width:768px) {
	.cmt-bx{ border-radius:3px; padding:15px; border:#2471c8 1px solid; background-color:#fff;}
	.cmt-bx dt{ background:url(../images/customer/icon_cmt.png) 0 50% no-repeat; background-size:18px auto; font-size:16px; color:#2471c8; padding:0 0 0 24px; margin:0 0 5px 0; text-align:left;}
	.cmt-bx+.poll-tbl{ margin-top:20px;}
}

.survey-bx{ border-top:#ccc 2px solid; background-color:#fff;}
.survey-bx .rows{ padding:30px; border-bottom:#ddd 1px solid;}
.survey-bx .rows .tit-tx{ display:block; font-size:20px; color:#333;}
.survey-bx .rows .tit-tx .num{ font-size:16px; color:#888; display:block; margin:0;}
.survey-bx .rows .con-tx{ margin-top:20px;}
.survey-bx .rows .con-tx .survey-rdo{ display:inline-block; width:22%; padding:5px 0;}
.survey-bx .rows .con-tx .survey-rdo.block{ display:block; width:100%;}
@media (max-width:768px) {
	.survey-bx{ border-top:#ccc 2px solid; background-color:#fff;}
	.survey-bx .rows{ padding:15px; border-bottom:#ddd 1px solid;}
	.survey-bx .rows .tit-tx{ display:block; font-size:13px; color:#333;}
	.survey-bx .rows .tit-tx .num{ font-size:11px; color:#888; display:block;}
	.survey-bx .rows .con-tx{ margin-top:10px;}
	.survey-bx .rows .con-tx .survey-rdo{ display:inline-block; width:45%; padding:5px 0;}
}

table.survey-tbl{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0; color:#666; clear:both; table-layout:fixed; background:#fff; border-top:#ccc 1px solid; border-right:#ccc 1px solid;}
table.survey-tbl thead th{ border-bottom:#ccc 1px solid; border-left:#ccc 1px solid; text-align:center; padding:10px 0; font-size:14px; font-weight:normal; background-color:#f9f9f9;}
table.survey-tbl tbody td{ border-bottom:#ccc 1px solid; border-left:#ccc 1px solid; text-align:center; padding:10px 0;}
table.survey-tbl tbody td.l{ padding:10px;}
table.survey-tbl .surv-w2,
table.survey-tbl .surv-w3,
table.survey-tbl .surv-w4,
table.survey-tbl .surv-w5,
table.survey-tbl .surv-w6{ width:15%;}
@media (max-width:768px) {
	table.survey-tbl{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0; color:#666; clear:both; table-layout:fixed; background:#fff; border-top:none; border-right:none;}
	table.survey-tbl thead{ display:none;}
	table.survey-tbl tbody td{ border-bottom:none; border-left:none; text-align:left; padding:5px 0; display:block; }
	table.survey-tbl tbody td.l{ padding:10px;}
	table.survey-tbl .surv-w1,
	table.survey-tbl .surv-w2,
	table.survey-tbl .surv-w3,
	table.survey-tbl .surv-w4,
	table.survey-tbl .surv-w5,
	table.survey-tbl .surv-w6{ width:100%;}
	table.survey-tbl tbody td.l.surv-w1{ padding:10px 0 0;}
	table.survey-tbl .vis-mobile{ display:inline-block;}
}

/************************************************
	member
************************************************/
.login-bx{ background-color:#fff; border:#ddd 1px solid; border-radius:3px; overflow:hidden; display:table; width:100%;}
.login-bx>div{ display:table-cell; vertical-align:top; }
.login-bx>div.left{ padding:90px 0 0;}
.login-bx>div.left>h3{ font-size:34px; color:#333; line-height:1; margin:0 0 40px 0; text-align:center;}
.login-bx>div.left .log-tab{ width:360px; margin:0 auto 50px;}
.login-bx>div.left .log-tab:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.login-bx>div.left .log-tab li{ position:relative; overflow:hidden; float:left; width:50%; margin-left:-1px; z-index:1;}
.login-bx>div.left .log-tab li:first-child{ padding:0 0 0 1px; }
.login-bx>div.left .log-tab li a{ position:relative; display:block; text-align:center; color:#959595; font-size:14px; line-height:36px; border:#ccc 1px solid; }
.login-bx>div.left .log-tab li.active{ z-index:2}
.login-bx>div.left .log-tab li.active a{ border:#333 1px solid; border-bottom:#fff 1px solid; color:#333; }
.login-bx>div.left .tc{ width:360px; margin:0 auto;}
.login-bx>div.left .inp .input{ border:none; border-bottom:#ccc 1px solid; height:36px; line-height:36px; text-indent:22px; display:block; width:100%;}
.login-bx>div.left .inp .input.id{ background:url(../images/member/icon_id.png) 0 50% no-repeat;}
.login-bx>div.left .inp .input.pw{ background:url(../images/member/icon_pw.png) 0 50% no-repeat;}
.login-bx>div.left .inp+.inp{ margin-top:20px;}
.login-bx>div.left .chk{ padding:14px 0; text-align:right; color:#959595; display:block; font-size:14px;}
.login-bx>div.left .btn-box{ margin-top:30px;}
.login-bx>div.left .btn-box .btn{ width:100%;}
.login-bx>div.right{ width:418px; height:580px;  background:url(../images/member/bg_login.jpg) 50% 50% no-repeat; color:#fff; padding:90px 40px 0;}
.login-bx>div.right .tx01{ text-align:center; font-size:34px; color:#fff; padding:90px 0 0 0; background:url(../images/member/icon_login.png) 50% 0 no-repeat; margin:0 0 84px 0;}
.login-bx>div.right>dl{ position:relative; padding:15px 158px 15px 0;}
.login-bx>div.right>dl dt{ color:#fff;}
.login-bx>div.right>dl dd{ font-size:14px; color:#e3ecf6;}
.login-bx>div.right>dl+dl{ border-top:#b6cfeb 1px solid; }
.login-bx>div.right>dl .btnz{ position:absolute; top:50%; right:0; margin-top:-18px; width:144px;}
.login-bx>div.right>dl .btnz .btlogin{ display:block; font-size:14px; color:#fff; text-align:center; border:#fff 1px solid; border-radius:3px; line-height:36px;}
.login-bx>div.right>dl .btnz .btlogin+.btlogin{ margin-top:5px;}
.login-bx>div.right>dl+dl .btnz{ margin-top:-36px;}

@media (min-width:641px) and (max-width:1099px) {
	.login-bx{ background-color:#fff; border:#ddd 1px solid; border-radius:3px; overflow:hidden; display:table; width:100%;}
	.login-bx>div{ display:table-cell; vertical-align:top; }
	.login-bx>div.left{ padding:90px 20px 0;}
	.login-bx>div.left>h3{ font-size:34px; color:#333; line-height:1; margin:0 0 40px 0; text-align:center;}
	.login-bx>div.left .log-tab{ width:100%; margin:0 auto 50px;}
	.login-bx>div.left .log-tab:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.login-bx>div.left .log-tab li{ position:relative; overflow:hidden; float:left; width:50%; margin-left:-1px; z-index:1;}
	.login-bx>div.left .log-tab li:first-child{ padding:0 0 0 1px; }
	.login-bx>div.left .log-tab li a{ position:relative; display:block; text-align:center; color:#959595; font-size:14px; line-height:36px; border:#ccc 1px solid; }
	.login-bx>div.left .log-tab li.active{ z-index:2}
	.login-bx>div.left .log-tab li.active a{ border:#333 1px solid; border-bottom:#fff 1px solid; color:#333; }
	.login-bx>div.left .tc{ width:100%; margin:0 auto;}
	.login-bx>div.left .inp .input{ border:none; border-bottom:#ccc 1px solid; height:36px; line-height:36px; text-indent:22px; display:block; width:100%;}
	.login-bx>div.left .inp .input.id{ background:url(../images/member/icon_id.png) 0 50% no-repeat;}
	.login-bx>div.left .inp .input.pw{ background:url(../images/member/icon_pw.png) 0 50% no-repeat;}
	.login-bx>div.left .inp+.inp{ margin-top:20px;}
	.login-bx>div.left .chk{ padding:14px 0; text-align:right; color:#959595; display:block; font-size:14px;}
	.login-bx>div.left .btn-box{ margin-top:30px;}
	.login-bx>div.left .btn-box .btn{ width:100%;}
	.login-bx>div.right{ width:360px; height:580px;  background:url(../images/member/bg_login.jpg) 50% 50% no-repeat; color:#fff; padding:90px 40px 0;}
	.login-bx>div.right .tx01{ text-align:center; font-size:34px; color:#fff; padding:90px 0 0 0; background:url(../images/member/icon_login.png) 50% 0 no-repeat; margin:0 0 84px 0;}
	.login-bx>div.right>dl{ position:relative; padding:15px 158px 15px 0;}
	.login-bx>div.right>dl dt{ color:#fff;}
	.login-bx>div.right>dl dd{ font-size:12px; color:#e3ecf6;}
	.login-bx>div.right>dl+dl{ border-top:#b6cfeb 1px solid; }
	.login-bx>div.right>dl .btnz{ position:absolute; top:50%; right:0; margin-top:-18px; width:144px;}
	.login-bx>div.right>dl .btnz .btlogin{ display:block; font-size:14px; color:#fff; text-align:center; border:#fff 1px solid; border-radius:3px; line-height:36px;}
	.login-bx>div.right>dl .btnz .btlogin+.btlogin{ margin-top:5px;}
	.login-bx>div.right>dl+dl .btnz{ margin-top:-36px;}
}
@media (max-width:640px) {
	.login-bx{ background-color:#fff; border:#ddd 1px solid; border-radius:3px; overflow:hidden; display:block; width:100%;}
	.login-bx>div{ display:block; vertical-align:top; }
	.login-bx>div.left{ padding:30px 20px 25px;}
	.login-bx>div.left>h3{ font-size:20px; color:#333; line-height:1; margin:0 0 20px 0; text-align:center;}
	.login-bx>div.left .log-tab{ width:100%; margin:0 auto 50px;}
	.login-bx>div.left .log-tab:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.login-bx>div.left .log-tab li{ position:relative; overflow:hidden; float:left; width:50%; margin-left:-1px; z-index:1;}
	.login-bx>div.left .log-tab li:first-child{ padding:0 0 0 1px; }
	.login-bx>div.left .log-tab li a{ position:relative; display:block; text-align:center; color:#959595; font-size:12px; line-height:30px; border:#ccc 1px solid; }
	.login-bx>div.left .log-tab li.active{ z-index:2}
	.login-bx>div.left .log-tab li.active a{ border:#333 1px solid; border-bottom:#fff 1px solid; color:#333; }
	.login-bx>div.left .tc{ width:100%; margin:0 auto;}
	.login-bx>div.left .inp{ padding:0 35px;}
	.login-bx>div.left .inp .input{ border:none; border-bottom:#ccc 1px solid; height:36px; line-height:36px; text-indent:22px; display:block; width:100%;}
	.login-bx>div.left .inp .input.id{ background:url(../images/member/icon_id.png) 0 50% no-repeat;}
	.login-bx>div.left .inp .input.pw{ background:url(../images/member/icon_pw.png) 0 50% no-repeat;}
	.login-bx>div.left .inp+.inp{ margin-top:20px;}
	.login-bx>div.left .chk{ padding:14px 35px; text-align:right; color:#959595; display:block; font-size:11px;}
	.login-bx>div.left .btn-box{ margin-top:10px; padding:0 75px;}
	.login-bx>div.left .btn-box .btn{ width:100%; padding:0;}
	.login-bx>div.right{ width:100%; height:auto;  background:url(../images/member/bg_login.jpg) 50% 50% no-repeat; color:#fff; padding:15px 20px 30px;}
	.login-bx>div.right .tx01{display:none;}
	.login-bx>div.right>dl{ position:relative; padding:15px 0;}
	.login-bx>div.right>dl dt{ color:#fff; text-align:center;}
	.login-bx>div.right>dl dd{ font-size:12px; color:#e3ecf6;  text-align:center;}
	.login-bx>div.right>dl+dl{ border-top:#b6cfeb 1px solid; }
	.login-bx>div.right>dl .btnz{ position:relative; top:auto; right:auto; margin-top:10px; width:100%; display:block;}
	.login-bx>div.right>dl .btnz .btlogin{ display:inline-block; width:100px; border:#fff 1px solid; border-radius:15px; height:30px; line-height:30px; font-size:12px;}
	.login-bx>div.right>dl .btnz .btlogin+.btlogin{ margin-top:0; margin-left:10px;}
	.login-bx>div.right>dl+dl .btnz{ margin-top:10px;}
}

.find-rt{ background-color:#fff; border:#ddd 1px solid; border-radius:3px; overflow:hidden; width:100%; padding:60px 90px; text-align:center;}
.find-rt .tx01{ padding:120px 0 0 0; background:url(../images/member/icon_id_lg.png) 50% 0 no-repeat; color:#333; font-size:34px;}
.find-rt .tx02{ padding:30px 0; color:#959595;}
.find-rt .tx03{ padding:40px 0; color:#333; font-size:20px; border-bottom:#ddd 1px solid;}
@media (max-width:640px) {
	.find-rt{ background-color:#fff; border:none; border-top:#ddd 2px solid; border-bottom:#ddd 1px solid; border-radius:0; overflow:hidden; width:100%; padding:27px 15px; text-align:center;}
	.find-rt .tx01{ padding:60px 0 0 0; background:url(../images/member/icon_id_lg.png) 50% 0 no-repeat; background-size:auto 40px; color:#333; font-size:20px;}
	.find-rt .tx02{ padding:18px 0; color:#959595;}
	.find-rt .tx03{ padding:15px 0 20px; color:#333; font-size:14px; border-bottom:#ddd 1px solid;}
	.find-rt .btn-box .btn{ width:46%; padding:0;}
}

.email-idtx{ text-align:center; margin:0 0 60px 0;}
.email-idtx .tx01{ font-size:34px; color:#333; margin:0 0 10px 0; font-weight:300;}
.email-idtx .tx02{ color:#959595;}
@media (max-width:640px) {
	.email-idtx{ text-align:center; margin:0 0 25px 0;}
	.email-idtx .tx01{ font-size:20px; color:#333; margin:0 0 5px 0; padding:0 15px;}
	.email-idtx .tx02{ color:#959595;}
}

.join-step{ padding:0 0 60px 0;}
.join-step ul{ width:896px; margin:0 auto; overflow:hidden;}
.join-step ul li{ position:relative; float:left; text-align:center; padding:0 0 0 98px;}
.join-step ul li:before{ content:""; position:absolute; top:62px; left:45px; width:14px; height:26px; display:block; background:url(../images/member/icon_arr.png) 50% 50% no-repeat;}
.join-step ul li.st1{ padding:0;}
.join-step ul li.st1:before{ display:none;}
.join-step ul li em{ font-size:15px; color:#757575px; display:block; text-align:center; margin:10px 0 0 0;}
.join-step ul li span{ display:block; width:150px; height:150px; border:#ddd 1px solid; border-radius:50%; text-align:center; font-size:13px; padding:40px 0 0 0;}
.join-step ul li span:after{ content:""; width:44px; height:40px; display:block; margin:10px auto 0;  }
.join-step ul li.st1 span:after{ background:url(../images/member/join_icon1.png) 50% 50% no-repeat;}
.join-step ul li.st2 span:after{ background:url(../images/member/join_icon2.png) 50% 50% no-repeat;}
.join-step ul li.st3 span:after{ background:url(../images/member/join_icon3.png) 50% 50% no-repeat;}
.join-step ul li.st4 span:after{ background:url(../images/member/join_icon4.png) 50% 50% no-repeat;}
.join-step ul li.active.st1 span:after{ background:url(../images/member/join_icon1_on.png) 50% 50% no-repeat;}
.join-step ul li.active.st2 span:after{ background:url(../images/member/join_icon2_on.png) 50% 50% no-repeat;}
.join-step ul li.active.st3 span:after{ background:url(../images/member/join_icon3_on.png) 50% 50% no-repeat;}
.join-step ul li.active.st4 span:after{ background:url(../images/member/join_icon4_on.png) 50% 50% no-repeat;}
.join-step ul li.active span{ background-color:#2471c8; border:#2471c8 1px solid; color:#fff;}
.join-step ul li.active em{ color:#2471c8;}
.join-agree{ border-top:#ddd 2px solid; border-bottom:#ddd 1px solid; background-color:#fff; padding:0 0 40px 0;}
.join-agree.brdTn{ border-top:none;}
.join-agree .all-agree{ display:block; margin:0 30px; }
.join-agree .all-agree button{ display:block; width:100%; background-color:#f9f9f9; line-height:50px; border:#ddd 1px solid; border-radius:3px; color:#333;}
.join-agree .all-agree button:before{ content:""; display:inline-block; width:20px; height:16px; vertical-align:middle; background:url(../images/blt_chk.png) 50% 50% no-repeat;}
@media (max-width:768px) {
	.join-step{ padding:0 0 30px 0;}
	.join-step ul{ width:100%; margin:0; display:table; overflow:hidden;}
	.join-step ul li{ position:relative; float:none; display:table-cell; text-align:center; padding:0; width:25%;}
	.join-step ul li:before{ content:""; position:absolute; top:auto;  bottom:6px; left:-6px; width:11px; height:20px; display:block; background:url(../images/member/icon_arr.png) 50% 50% no-repeat; background-size:11px 20px;}
	.join-step ul li.st1{ padding:0;}
	.join-step ul li.st1:before{ display:none;}
	.join-step ul li em{ font-size:13px; color:#757575px; display:block; text-align:center; margin:5px 0 0 0;  padding:0 20px;}
	.join-step ul li em>i{ display:block;}
	.join-step ul li span{ display:block; width:70px; height:70px; border:#ddd 1px solid; border-radius:50%; margin:0 auto; text-align:center; font-size:9px; padding:14px 0 0 0;}
	.join-step ul li span:after{ content:""; width:22px; height:20px; display:block; margin:6px auto 0;  }
	.join-step ul li.st1 span:after{ background:url(../images/member/join_icon1.png) 50% 50% no-repeat; background-size:auto 20px;}
	.join-step ul li.st2 span:after{ background:url(../images/member/join_icon2.png) 50% 50% no-repeat; background-size:auto 20px;}
	.join-step ul li.st3 span:after{ background:url(../images/member/join_icon3.png) 50% 50% no-repeat; background-size:auto 20px;}
	.join-step ul li.st4 span:after{ background:url(../images/member/join_icon4.png) 50% 50% no-repeat; background-size:auto 20px;}
	.join-step ul li.active.st1 span:after{ background:url(../images/member/join_icon1_on.png) 50% 50% no-repeat; background-size:auto 20px;}
	.join-step ul li.active.st2 span:after{ background:url(../images/member/join_icon2_on.png) 50% 50% no-repeat; background-size:auto 20px;}
	.join-step ul li.active.st3 span:after{ background:url(../images/member/join_icon3_on.png) 50% 50% no-repeat; background-size:auto 20px;}
	.join-step ul li.active.st4 span:after{ background:url(../images/member/join_icon4_on.png) 50% 50% no-repeat; background-size:auto 20px;}
	.join-step ul li.active span{ background-color:#2471c8; border:#2471c8 1px solid; color:#fff;}
	.join-step ul li.active em{ color:#2471c8;}
}
@media (max-width:640px) {	
	.join-agree{ border-top:#ddd 2px solid; border-bottom:#ddd 1px solid; background-color:#fff; padding:0 0 40px 0;}
	.join-agree .all-agree{ display:block; margin:0 20px; }
	.join-agree .all-agree button{ display:block; width:100%; background-color:#f9f9f9; line-height:34px; border:#ddd 1px solid; border-radius:3px; color:#333;}
	.join-agree .all-agree button:before{ content:""; display:inline-block; width:20px; height:16px; vertical-align:middle; background:url(../images/blt_chk.png) 50% 50% no-repeat;}
}

.join-complete{ text-align:center; font-size:34px; color:#333;}
@media (max-width:640px) {
	.join-complete{ text-align:center; font-size:20px; color:#333;}
	.join-complete span{ display:block;}
}

.privacy-bx{ font-size:14px;}
.privacy-bx .tx01{ color:#333; margin:20px 0 10px;}
.privacy-bx dt{ margin:35px 0 10px; font-size:20px; color:#333;}
.privacy-bx dd ul.ul-list01 li+li{ margin-top:5px;}
.privacy-bx .bot-tx{ color:#333; text-align:right; border-top:#ddd 1px solid; margin:60px 0 0 0; padding:30px 0 0 0;}
@media (max-width:640px) {
	.privacy-bx{ font-size:12px;}
	.privacy-bx .tx01{ color:#333; margin:10px 0 5px;}
	.privacy-bx dt{ margin:15px 0 5px; font-size:15px; color:#333;}
	.privacy-bx dd ul.ul-list01 li+li{ margin-top:5px;}
	.privacy-bx .bot-tx{ color:#333; text-align:right; border-top:#ddd 1px solid; margin:30px 0 0 0; padding:15px 0 0 0;}
}

.write-bx-sm .rows{ border-bottom:#ddd 1px solid; padding:20px 0; }
.write-bx-sm .rows .tit-tx{ display:block; color:#333; font-size:20px; margin:0 0 10px 0;}
.write-bx-sm .rows .con-tx:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
.pw-settx{ font-size:20px; padding:0 0 20px 0; text-align:center; border-bottom:#ddd 1px solid;}

.exit-bx{ text-align:center; margin:0 0 40px 0; }
.exit-bx .txt01{ font-size:34px; color:#333; margin:0 0 10px 0;}
.exit-bx .txt02{ color:#747474;}

@media (max-width:640px) {
	.write-bx-sm .rows{ border-bottom:#ddd 1px solid; padding:15px 0; }
	.write-bx-sm .rows .tit-tx{ display:block; color:#333; font-size:13px; margin:0 0 5px 0;}
	.pw-settx{ font-size:13px; padding:0 0 10px 0; text-align:center; border-bottom:#ddd 1px solid;}

	.exit-bx{ text-align:center; margin:0 0 20px 0; }
	.exit-bx .txt01{ font-size:17px; color:#333; margin:0 0 5px 0;}
	.exit-bx .txt01 span{ display:block;}
	.exit-bx .txt02{ color:#747474;}
}

.reading-bx{ background-color:#fff; border-top:#ddd 2px solid; border-bottom:#ddd 1px solid; padding:60px 140px;}
.reading-bx ul.ul-list01 li+li{ margin-top:30px;}
@media (max-width:768px) {
	.reading-bx{ background-color:#fff; border-top:#ddd 2px solid; border-bottom:#ddd 1px solid; padding:30px 18px;}
	.reading-bx ul.ul-list01 li+li{ margin-top:15px;}
}

.title {font-size:18px; color:#222; font-weight:400}
.title2 {font-size:18px; color:#222; font-weight:400; padding-top:50px;}
.last {padding-bottom:30px;}

.more {color:#fff; background:#b3b3b3; padding:4px; font-size:11px; border:#999 1px solid;}
.table_button {padding-top:10px;}